show cart summary section

src/components/bottomsheet/AnimatedBottomSheet.tsx

@@ -12,9 +12,10 @@ type Props = {
     showTitle?: boolean,
     blurOpacity?: string | number | null,
     overrideClassName?: string,
+    titlePadding?: string,
 } & BlurredOverlayContainerProps
 
-const AnimatedBottomSheet = ({ blurOpacity = 64, overrideClassName = '', showTitle = true, showCloseButton = true, ...props }: Props) => {
+const AnimatedBottomSheet = ({ blurOpacity = 64, overrideClassName = '', showTitle = true, showCloseButton = true, titlePadding = 'ps-[31px] pe-[33px]', ...props }: Props) => {
     const closeRef: React.Ref<HTMLDivElement> | undefined = useRef(null);
 
     const variants: Variants = {
@@ -59,7 +60,7 @@ const AnimatedBottomSheet = ({ blurOpacity = 64, overrideClassName = '', showTit
                 animate={props.visible ? 'visible' : 'hidden'}
                 variants={variants}
             >
-                <div className="ps-[31px] pe-[33px] flex justify-between">
+                <div className={clsx(titlePadding, 'flex justify-between')}>
                     {showTitle &&
                         <div className='text-lg font-medium text-foreground leading-8 mt-2.5'>
                             {props.title}