import {
  ToggleButton,
  ExpandedWrapperView,
  CardWrapper,
} from 'organisms/ExpandableCard/styled'

const Wrapper = styled.div`
  padding: 0;
  width: 100%;
`
const CustomExpandedWrapperView = styled.withComponent(ExpandedWrapperView)`
  background-color: white;
  color: #2c2c2c;
  ${CardWrapper} {
    color: red
  }
`
const CustomToggleButton = styled.withComponent(ToggleButton)`
  color: #159fd5;
  background-color: white;
  border: none;
  top: 0;
  bottom: 0;
  width: 43px;
  padding-right: 0;
`
export { Wrapper, CustomExpandedWrapperView, CustomToggleButton }