import React, { FC } from 'react'
import root from 'react-shadow'
import CartSummary, { Cart } from './components/CartSummary'
import styles from './style.scss'

export interface PostenBringCheckoutCartBlockProps {
  cart: Cart
  darkMode?: boolean
}

const PostenBringCheckoutCartBlock: FC<PostenBringCheckoutCartBlockProps> = ({
  cart,
  darkMode,
}) => {
  return (
    <root.div style={{ outline: 'none' }}>
      <CartSummary cart={cart} darkMode={darkMode} />
      <style type="text/css">{styles}</style>
    </root.div>
  )
}

export default PostenBringCheckoutCartBlock
