import React from 'react';
import { makeStyles, Typography, Divider } from '@material-ui/core';
const useStyles = makeStyles((theme) => ({
    root: {},
    wrapper: {
        display: 'flex',
        justifyContent: 'space-between',
        width: '75%'
    }
}));
export const WorkOrderHeader = ({ cost, hours }) => {
    const classes = useStyles();
    return (React.createElement("div", { className: classes.root }, React.createElement("div", { className: classes.wrapper }, React.createElement("div", null, React.createElement(Typography, { variant: "h3" }, " $", cost, " "), React.createElement(Typography, { variant: "caption" }, " Total Cost ")), React.createElement("div", null, React.createElement(Divider, { variant: "vertical" })), React.createElement("div", null, React.createElement(Typography, { variant: "h3" }, " ", hours, " "), React.createElement(Typography, { variant: "caption" }, " Total Hours ")))));
};
//# sourceMappingURL=WorkOrderHeader.js.map