import { styled } from 'view-container'
import { StyledBaseText } from '../styled'

// inheriting from base style
const H1 = StyledBaseText.withComponent('h1')
const H2 = StyledBaseText.withComponent('h2')
const H3 = StyledBaseText.withComponent('h3')
const H4 = StyledBaseText.withComponent('h4')
const H5 = StyledBaseText.withComponent('h5')
const H6 = StyledBaseText.withComponent('h6')

export { H1, H2, H3, H4, H5, H6 }