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 24 25 26 27 28 29 30 31 | 1x 1x 1x 87x 87x 87x 87x 87x 87x 87x 87x 87x 87x 87x 87x 87x 87x 1x | import { FaCaretDown } from 'react-icons/fa';
import classNames from 'classnames';
interface Props {
id: string;
isOpen: boolean;
iconArrowLast?: boolean;
label?: string;
onClick: () => void;
}
const CollapseHeader = ({ id, isOpen, iconArrowLast = false, label, onClick }: Props) => {
return (
<div
id={id}
className={classNames('collapsed__header px-1', {
'collapsed__header--reversed': iconArrowLast,
'mb-2': isOpen,
})}
onClick={onClick}
aria-expanded={isOpen}
aria-controls={`${id}-content`}
>
<FaCaretDown className={classNames('icon', { open: isOpen })} />
<span>{label}</span>
</div>
);
};
export default CollapseHeader;
|