import { styled } from 'styleh-components'
import { Label } from '@skava/ui/dist/components/atoms/Text'
import { SecondaryButton } from 'presets/Buttons'

const ErrorLabel = styled(Label) `
  color: var(--color-red);
`
const StyledSecondaryButton = styled(SecondaryButton) `
  color: var(--color-pure-white);
  font-size: rem(16);
  text-transform: capitalize;
  margin-top: 1rem;
  user-select: none;
  background: var(--color-dark-grey);
`

export { ErrorLabel, StyledSecondaryButton }