import styled from 'styled-components/macro'
import { Price as BasePrice } from 'features/Price'
import { PriceAmount, PriceDetails } from 'features/Price/styled'

import {
  Item,
  List,
} from '../PackagesList/styled'

export const Price = styled(BasePrice)`
  ${PriceAmount} {
    font-size: 24px;
    font-weight: normal;
  }
  ${PriceDetails} {
    padding-top: 5px;
    font-size: 12px;
  }
`

export const ChooseSub = styled.div`
  font-weight: 600;
  font-size: 16px;
  margin: 35px 0 17px;
`

export const ChooseSubItem = styled(Item)`
  min-height: auto;
`

export const ChooseSubList = styled(List)`
  height: auto;
`
