import { vui } from '../core'
import Heading from './heading'
import { HeadingProps } from './heading.types'

export const H1 = vui<'h1', HeadingProps>((props, ref) => <Heading ref={ref} size="h1" {...props} />)
export const H2 = vui<'h2', HeadingProps>((props, ref) => <Heading ref={ref} size="h2" {...props} />)
export const H3 = vui<'h3', HeadingProps>((props, ref) => <Heading ref={ref} size="h3" {...props} />)
export const H4 = vui<'h4', HeadingProps>((props, ref) => <Heading ref={ref} size="h4" {...props} />)
export const H5 = vui<'h5', HeadingProps>((props, ref) => <Heading ref={ref} size="h5" {...props} />)
export const H6 = vui<'h6', HeadingProps>((props, ref) => <Heading ref={ref} size="h6" {...props} />)
