import { Checkbox } from 'features/Common'

import { Price } from '../Price'
import {
  PriceItemTitle,
  PriceItem,
  PriceItemCol,
} from './styled'

type Props = {
  price: number,
  title: string,
}

export const AdditionalSubscription = ({ price, title }: Props) => (
  <PriceItem>
    <PriceItemCol>
      <Checkbox name='additionalSubscription' id={title} />
    </PriceItemCol>
    <PriceItemCol>
      <PriceItemTitle>{title}</PriceItemTitle>
      <Price amount={price} />
    </PriceItemCol>
  </PriceItem>
)