import { Accordion } from 'react-bootstrap' import ArrowRight from '../svgs/arrow-right-s-fill.svg' import ArrowDown from '../svgs/arrow-down-s-fill.svg' import { useEffect, useState } from 'react' export default function AccordianItem ({ header, body, headerColor = 'var(--theme-grey)', show }) { const [open, setOpen] = useState(show) useEffect(() => { setOpen(show) }, []) return (
} eventKey='0' style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }} onClick={() => setOpen(!open)} > {open ? : }
{header}
{body}
) }