import { styled } from 'styleh-components'
import { StyledBaseText } from 'atoms/Text'

const BlinkElement = StyledBaseText.as('span')

const BlinkWrapper = styled.div `
  visibility: ${(props: { shouldBlink: boolean }) =>
    props.shouldBlink ? 'visible' : 'hidden'};
  color: var(--color-red);
`

export { BlinkElement, BlinkWrapper }