import { styled } from 'view-container'

/**
 * @description IMPORTANT: to do style of the children of the component then
 * we need to import the styled components from index
 */
import { Button, ButtonLabel, ButtonIcon } from 'atoms/Button'

const StyledRaisedButton = styled.withComponent(Button)`
  background-color: #5c79bb;
  border: 0px solid #ccc;
  width: 200px;

  // styling the label
  ${ButtonLabel} {
    color: white;
  }

`

export { StyledRaisedButton }