import React from 'react';
import { StatusChip } from '../../../../UI/dataDisplay/status';
import { Typography } from '../../../../UI/dataDisplay/typography';
import './EditTransaction.css';
const EditTransactionHeaderItem = (props) => {
    const { label, value, statusChip } = props;
    return (React.createElement("div", { className: "transaction-sidesheet-header-item" }, React.createElement(Typography, { variant: "caption" }, label), statusChip ? (React.createElement("div", { className: "transaction-sidesheet-header-item-status" }, React.createElement(StatusChip, Object.assign({}, statusChip)))) : (React.createElement(Typography, { variant: "body1" }, value))));
};
export default EditTransactionHeaderItem;
//# sourceMappingURL=EditTransactionHeaderItem.js.map