import { styled } from 'uxui-modules/view-container'
import {
  ToggleList,
  ToggleContentWrapper,
  ToggleItemWrapper,
} from 'molecules/ToggleList'

const StyledInput = styled.input `
  width: rem(130);
  height: rem(42);
  margin-left: rem(16);
  border-radius: rem(4);
  border: 1px solid #cccccc;
`
const StyledToggleList = styled.withComponent(ToggleList) `
  ${ToggleContentWrapper} {
    flex-direction: column;
  }
  ${ToggleItemWrapper} {
    margin-bottom: rem(28);
  }
`
export { StyledInput, StyledToggleList }