/** * External dependencies */ import { __ } from '@wordpress/i18n'; import { useContainerWidthContext } from '@woocommerce/base-context'; import { Panel } from '@woocommerce/blocks-checkout'; import type { CartItem } from '@woocommerce/types'; /** * Internal dependencies */ import OrderSummaryItem from './order-summary-item'; import './style.scss'; interface OrderSummaryProps { cartItems: CartItem[]; } const OrderSummary = ( { cartItems = [], }: OrderSummaryProps ): null | JSX.Element => { const { isLarge, hasContainerWidth } = useContainerWidthContext(); if ( ! hasContainerWidth ) { return null; } return ( { __( 'Order summary', 'woo-gutenberg-products-block' ) } } titleTag="h2" >
{ cartItems.map( ( cartItem ) => { return ( ); } ) }
); }; export default OrderSummary;