import { styled } from 'styleh-components'
import ExpandableCard from 'organisms/ExpandableCard'

// const StyledExpandableCard = styled.withComponent(ExpandableCard)``
const StyledExpandableCard = ExpandableCard

const HeaderWrapper = styled.div`
  width: 100%;
  height: 40px;
  background-color: red;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
`
const FooterWrapper = styled.div`
  width: 100%;
  height: 100px;
  background-color: green;
`
const ExpandableCardWrapper = styled.div``

export {
  HeaderWrapper,
  FooterWrapper,
  ExpandableCardWrapper,
  StyledExpandableCard,
}