All files / src/components ApplicationNameBar.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
 
 
 
 
 
3x
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import Link from 'next/link'
 
export interface ApplicationNameBarProps {
  text: string
  href: string
}
 
const ApplicationNameBar = ({ text, href }: ApplicationNameBarProps) => {
  return (
    <div id="app-bar" className="bg-blue-dark">
      <section className="container mx-auto p-4">
        <Link
          href={href}
          className="font-body text-lg font-bold text-white hover:underline md:text-[28px]"
        >
          {text}
        </Link>
      </section>
    </div>
  )
}
 
export default ApplicationNameBar