import { ISelect } from './Select.interface'
import { colors } from '@/styles/variables'
import { fontSize } from '@/styles/utilities'
import { styled } from 'styled-components'

export const StyledSelect = styled.select<Partial<ISelect>>`
  font-family: inherit;
  ${fontSize('texts')};
  color: ${colors.gray70};
  border-bottom: ${colors.white};
  background-color: red;
  cursor: pointer;
  /* &:hover {
    background-color: ${colors.white};
  } */
`