ballistic-builder/app/components/Info/Copyright/index.tsx

import React, { Component } from 'react';
import { COMPANY_NAME, COMPANY_URL } from '@/app/lib/constants';
import Typography from '@mui/material/Typography';
import MuiLink from '@mui/material/Link';
import styles from './styles.module.css'
import Link from 'next/link'
import styled from '@emotion/styled'


export default class Copyright extends Component {
  render() {
    return (
      (<CopyStyled>
        <div className="copyright">&copy;&nbsp; {new Date().getFullYear()} {' '}
          <Link href={COMPANY_URL}>
            {COMPANY_NAME}
          </Link>{' '}
          <span>All Rights Reserved.</span>
        </div>
      </CopyStyled>)
    );
  }
}

const CopyStyled = styled.div`
    .copyright {
      background:  #4c5c3f;
      font-size:.80em;
      text-transform: uppercase;
      color:#FFF;
      display: block;
      width:100%;
      text-align:center;

        a {
          color:#FFF;
          text-decoration:none;
        }
    }
`