import React from 'react';
import { Avatar, makeStyles, IconButton, Typography } from '@material-ui/core';
import { FluentIcon } from '../utilities/iconLibrary/FluentIcon';
import { RefreshIcon } from '@fluentui/react-icons';
const useStyles = makeStyles((theme) => ({
    root: {
        display: 'flex',
        flexDirection: 'row'
    },
    title: {
        flex: 1
    },
    icon: {
        marginTop: theme.spacing(-2.5)
    }
}));
export const PageSectionHeader = (props) => {
    const classes = useStyles();
    const { action, title } = props;
    return (React.createElement("div", { className: classes.root }, React.createElement(Typography, { variant: "h6", className: classes.title }, ' ', title, ' '), React.createElement(IconButton, { onClick: action, className: classes.icon }, React.createElement(Avatar, null, React.createElement(FluentIcon, { size: "small", component: RefreshIcon })))));
};
//# sourceMappingURL=PageSectionHeader.js.map