import React from 'react';
import { IconButton, makeStyles, Tooltip } from '@material-ui/core';
import { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon';
import { ChevronRightIcon } from '@fluentui/react-icons';
const useStyles = makeStyles((theme) => ({
    icon: {
        margin: theme.spacing(0.5)
    }
}));
export const ExpandRenderer = ({ openNestedGrid, title, icon }) => {
    const classes = useStyles();
    return (React.createElement(Tooltip, { title: title }, React.createElement(IconButton, { "aria-label": title, className: classes.icon, size: "small", onClick: openNestedGrid }, React.createElement(FluentIcon, { component: icon ? icon : ChevronRightIcon }))));
};
//# sourceMappingURL=ExpandRenderer.js.map