import { styled } from 'view-container'
import { Button, ButtonLabel, ButtonIcon } from 'atoms/Button'

const StyledButtonWithIcon = styled.withComponent(Button)`
  background-color: #efefef;
  border: none;
  width: ${props => props.width || '100%'};
  height: rem(44);
  padding: 0 rem(8);

  ${ButtonLabel} {
    color: #5c6b8a;
    text-transform: capitalize;
  }

  ${ButtonIcon} {
    display: flex;
    margin: 0;
    svg {
     fill: #5c6b8a;
    }
  }
`

export { StyledButtonWithIcon }