import { styled } from 'styleh-components'

const Title = styled.span.attrs({ className: 'text', role: 'heading' })`
  background-color: var(--color-pure-white);
  flex: 2 0 0;
  text-align: left;
`

const StyledBox = styled.span`
  width: 100%;
  display: flex;
`

export { Title, StyledBox as TitleSpan }