import { styled } from 'view-container'
import { SelectDropDown, StyledSelect } from 'molecules/SelectDropDown'

/* ${StyledSelect} = styling the text of the parent text */
const DarkSelectDropDownStyle = styled.withComponent(SelectDropDown)`
  width: 60px;
  background-color: #a6afc1;
  ${StyledSelect} {
     padding: 0 10px;
     span {
      color: white;
    }
  }
`

export { DarkSelectDropDownStyle }