All files / src/sections/PayBuilder/Checkout/components BillingAdressSection.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
 
 
 
 
 
 
45x
10x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Stack } from "@mui/material";
import { PackageIcon } from "@phosphor-icons/react";
import GiveText from "@shared/Text/GiveText";
import CheckoutDetailsSectionItem from "./CheckoutDetailsSectionItem";
import { CUSTOMER_BILLING_ADDRESS_TEXT } from "@constants/stringConstants";
 
const BillingAdressSection = () => {
  return (
    <Stack gap="12px" data-testid="billing-section">
      <Stack direction="row" spacing={2}>
        <PackageIcon size={24} />
        <GiveText variant="bodyL">Billing Address</GiveText>
      </Stack>
      <CheckoutDetailsSectionItem
        label={CUSTOMER_BILLING_ADDRESS_TEXT}
        name="billing"
        showRequiredLabel
        showRequiredSwitch
      />
    </Stack>
  );
};
 
export default BillingAdressSection;