import * as Icons from "@fluentui/react-icons";
import { makeStyles, Typography } from "@material-ui/core";
import React from "react";
import { UnityFluentIcon } from '../../utilities/iconLibrary/UnityFluentIcon';
const useStyles = makeStyles((theme) => ({
    root: {
        backgroundColor: theme.palette.primary.main + '1A',
        display: "flex",
        padding: 5,
        gap: 10,
    },
    container: {
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center'
    },
    icon: {
        color: theme.palette.primary.main
    }
}));
export const ActionSummaryHeader = ({ icon, header, iconType }) => {
    const classes = useStyles();
    return (React.createElement("div", { className: classes.root }, React.createElement("div", { className: classes.container }, React.createElement(UnityFluentIcon, { className: classes.icon, type: iconType, component: Icons[icon] })), React.createElement("div", { className: classes.container }, React.createElement(Typography, { display: "inline", variant: "h6" }, header))));
};
//# sourceMappingURL=ActionSummaryHeader.js.map