import { type ComponentProps } from 'react'

import { Display } from './Display'
import { Link } from './Link'
import { Paragraph } from './Paragraph'
import { Text } from './Text'
import { Title } from './Title'

type TypographyProps = ComponentProps<'article'>

function Typography({ ...props }: TypographyProps) {
	return <article {...props} />
}

Typography.Display = Display
Typography.Link = Link
Typography.Paragraph = Paragraph
Typography.Text = Text
Typography.Title = Title

export { Typography }
