front-hub/src/pages/Faq/AccordionWrapper.tsx
2023-11-06 02:48:07 +03:00

25 lines
522 B
TypeScript

import { Box } from "@mui/material"
import CustomAccordion from "@components/CustomAccordion"
import { cardShadow } from "@root/utils/theme"
interface Props {
content: [string, string][];
}
export default function AccordionWrapper({ content }: Props) {
return (
<Box
sx={{
overflow: "hidden",
borderRadius: "12px",
boxShadow: cardShadow,
}}
>
{content.map((accordionItem, index) => (
<CustomAccordion key={index} header={accordionItem[0]} text={accordionItem[1]} />
))}
</Box>
)
}