import React from 'react';
import { makeStyles } from '@material-ui/core';
import { FluentIconButton } from '../inputs/buttons/FluentIconButton';
import { CalculatorSubtractIcon, CalculatorAdditionIcon } from '@fluentui/react-icons';
const useStyles = makeStyles((theme) => ({
    root: {
        display: 'flex',
        flexDirection: 'row'
    }
}));
const ExtendActions = (props) => {
    const classes = useStyles();
    const { more, less, showMore, showLess } = props;
    return (React.createElement("div", { className: classes.root }, showMore && (React.createElement(FluentIconButton, { onClick: more, color: "primary", icon: CalculatorAdditionIcon })), showLess && (React.createElement(FluentIconButton, { onClick: less, color: "primary", icon: CalculatorSubtractIcon }))));
};
export default ExtendActions;
//# sourceMappingURL=ExtendActions.js.map