import {Accordion, AccordionItem} from '@agnos-ui/react-bootstrap/components/accordion';
import {WidgetsDefaultConfig} from '@agnos-ui/react-bootstrap/config';
import {useHashChange} from '../../../common/utils';

const AccordionDemo = () => {
	const {config, props} = useHashChange();

	return (
		<WidgetsDefaultConfig accordion={config}>
			<Accordion {...props}>
				<AccordionItem {...props} header="Header 1">
					Body 1
				</AccordionItem>
				<AccordionItem {...props} header="Header 2">
					Body 2
				</AccordionItem>
			</Accordion>
		</WidgetsDefaultConfig>
	);
};
export default AccordionDemo;
