import React from 'react';
import { makeStyles, Typography } from '@material-ui/core';
import { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';
const useStyles = makeStyles((theme) => ({
    root: {
        display: 'flex',
        width: '100%'
    },
    title: {
        width: '100%',
        flex: 1
    }
}));
export const ExpanderItem = ({ label, expanded }) => {
    const classes = useStyles();
    // const [expanded, setExpanded] = useState(false);
    return (React.createElement("div", { className: classes.root }, React.createElement("div", { className: classes.title }, React.createElement(Typography, { variant: "subtitle2" }, label)), !expanded && React.createElement(ChevronDownIcon, null), expanded && React.createElement(ChevronUpIcon, null)));
};
//# sourceMappingURL=ExpanderItem.js.map