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>
	)
}