| 1 | // eslint-disable-next-line @typescript-eslint/ban-types |
| 2 | export const Title: React.FC<React.PropsWithChildren<{}>> = ({ children }) => ( |
| 3 | <section className="bg-marp-brand border-b py-3 text-white"> |
| 4 | <h1 className="font-rounded text-center text-3xl font-bold uppercase"> |
| 5 | {children} |
| 6 | <style jsx>{` |
| 7 | & :global(a), |
| 8 | & :global(a:hover), |
| 9 | & :global(a:hover:active) { |
| 10 | @apply text-current no-underline; |
| 11 | } |
| 12 | & :global(a:focus-visible) { |
| 13 | @apply underline outline-none; |
| 14 | } |
| 15 | `}</style> |
| 16 | </h1> |
| 17 | </section> |
| 18 | ) |
| 19 |