import { styled } from 'styleh-components'
import { StyledBaseText } from 'atoms/Text'
import { DetailedList } from 'molecules/DetailedList'
import {
  DetailedListItemPanel,
  DetailedListLabel,
  DetailedListValue,
} from 'molecules/DetailedList'

const StyledSpecificationList = styled.withComponent(DetailedList)`
  ${DetailedListItemPanel} {
    ${DetailedListLabel} {
      font-weight: 500;
      font-size: 16px;
      &::after {
        margin-right: 5px;
      }
    }
      ${DetailedListValue} {
       margin: 0;
       font-weight: 500;
       font-size: 16px;
    }
  }
`

export { StyledSpecificationList }