Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | 45x 10x | import { Stack } from "@mui/material";
import { PackageIcon } from "@phosphor-icons/react";
import GiveText from "@shared/Text/GiveText";
import CheckoutDetailsSectionItem from "./CheckoutDetailsSectionItem";
const DeliverySection = () => {
return (
<Stack gap="12px">
<Stack direction="row" spacing={2}>
<PackageIcon size={24} />
<GiveText variant="bodyL">Delivery</GiveText>
</Stack>
<CheckoutDetailsSectionItem
label="Items Will Be Delivered"
name="delivery"
secondaryText="Require customer’s shipping address."
/>
</Stack>
);
};
export default DeliverySection;
|