mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-11-05 13:01:30 +01:00
29 lines
548 B
TypeScript
29 lines
548 B
TypeScript
|
import { forwardRef } from 'react'
|
||
|
|
|
||
|
|
type SectionHeadingProps = React.ComponentPropsWithRef<'h2'>
|
||
|
|
|
||
|
|
export const SectionHeading = forwardRef<
|
||
|
|
HTMLHeadingElement,
|
||
|
|
SectionHeadingProps
|
||
|
|
>((props, ref) => {
|
||
|
|
const { children, ...rest } = props
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<h2 ref={ref} {...rest} className='Section__title'>
|
||
|
|
{children}
|
||
|
|
</h2>
|
||
|
|
|
||
|
|
<style jsx>
|
||
|
|
{`
|
||
|
|
.Section__title {
|
||
|
|
font-size: 34px;
|
||
|
|
margin-top: 10px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
`}
|
||
|
|
</style>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
})
|