import React from 'react';
import { makeStyles } from '@material-ui/core';
import { FluentIconButton } from '../UI/inputs/buttons/FluentIconButton';
import { ChevronLeftIcon, ChevronRightIcon } from '@fluentui/react-icons';
const useStyles = makeStyles((theme) => ({
    root: {
        position: 'relative'
    },
    title: {
        margin: theme.spacing(2)
    },
    iconButton: {
        position: 'absolute',
        right: 4,
        top: 4,
        zIndex: theme.zIndex.appBar
    }
}));
export const NodeColumnHeader = ({ children, toggleView, expanded }) => {
    const classes = useStyles();
    return (React.createElement("div", { className: classes.root }, React.createElement("div", null, children), React.createElement("div", { className: classes.iconButton }, React.createElement(FluentIconButton, { icon: expanded ? ChevronLeftIcon : ChevronRightIcon, onClick: toggleView }))));
};
//# sourceMappingURL=NodeColumnHeader.js.map