33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { Box } from "@mui/material";
|
|
import CustomAccordionBasket from "./CustomAccordionBasket";
|
|
|
|
interface Props {
|
|
content: { title: string; data: [string, number][] }[];
|
|
}
|
|
|
|
export default function AccordionWrapperBasket({ content }: Props) {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
overflow: "hidden",
|
|
borderRadius: "12px",
|
|
boxShadow: `0px 100px 309px rgba(210, 208, 225, 0.24),
|
|
0px 41.7776px 129.093px rgba(210, 208, 225, 0.172525),
|
|
0px 22.3363px 69.0192px rgba(210, 208, 225, 0.143066),
|
|
0px 12.5216px 38.6916px rgba(210, 208, 225, 0.12),
|
|
0px 6.6501px 20.5488px rgba(210, 208, 225, 0.0969343),
|
|
0px 2.76726px 8.55082px rgba(210, 208, 225, 0.0674749)`,
|
|
}}
|
|
>
|
|
{content.map((accordionItem, index) => (
|
|
<CustomAccordionBasket
|
|
key={index}
|
|
header={accordionItem.title}
|
|
dataSection={accordionItem.data}
|
|
totalPrice={3920}
|
|
/>
|
|
))}
|
|
</Box>
|
|
);
|
|
}
|