import { styled } from 'styleh-components'
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: var(--color-black);
  ${CardWrapper} {
    color: red
  }
`
const CustomToggleButton = styled.withComponent(ToggleButton)`
  color: var(--color-blue);
  background-color: white;
  border: none;
  top: 0;
  bottom: 0;
  width: 43px;
  padding-right: 0;
`
export { Wrapper, CustomExpandedWrapperView, CustomToggleButton }