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

export declare interface PostenBringCheckoutSummaryBlockProps {
  cart: Cart
  darkMode?: boolean
}

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

export default PostenBringCheckoutSummaryBlock
