All files / src/sections/PayBuilder/components/products TicketListBottomSheetPreview.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
 
 
 
 
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { BottomSheet } from "@sections/PayBuilder/Checkout/wrappers/BottomSheet";
import { TicketListBottomSheetBody } from "@sections/PayBuilder/components/products/Hero/TicketListBottomSheet";
import { usePayBuilderContext } from "@sections/PayBuilder/provider/PayBuilderContext";
import { usePayBuilderForm } from "@sections/PayBuilder/provider/PayBuilderFormProvider";
 
const TicketListBottomSheetPreview = ({
  open,
  onClose,
}: {
  open: boolean;
  onClose: () => void;
}) => {
  const paybuilderContextValues = usePayBuilderContext();
  const paybuilderFormValues = usePayBuilderForm();
  const { background } = paybuilderFormValues.parsedValues;
  return (
    <BottomSheet
      open={open}
      isPreviewMode
      onClose={onClose}
      isMobile
      showMobileHeader={false}
      paperSx={{
        height: "70dvh",
        overflow: "hidden",
        zIndex: 10,
        backgroundColor: background,
      }}
    >
      <TicketListBottomSheetBody
        onClose={onClose}
        paybuilderContextValues={paybuilderContextValues}
        paybuilderFormValues={paybuilderFormValues}
      />
    </BottomSheet>
  );
};
 
export default TicketListBottomSheetPreview;