import { styled } from 'styleh-components'
import { Heading, Text } from '@skava/ui/dist/components/atoms/Text'
import { ProductOrderSummary } from 'presets/ProductPieces/ProductOrderSummary'

const StyledPaymentMethodHeading = styled(Heading) `
  @font (20, bold);
  color: var(--color-black);
  margin: 0;
  padding-bottom: rem(8);
`
const StyledPaymentInformation = styled(Text) `
  margin-bottom: rem(8);
`
const StyledOrderSummary = styled(ProductOrderSummary) `
  max-width: none;
  width: 100%;
`

export {
  StyledPaymentMethodHeading,
  StyledPaymentInformation,
  StyledOrderSummary,
}