@elacity-js/uikit
Version:
React / Material UI Design kit for Elacity project
8 lines (5 loc) • 664 B
JavaScript
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
import { Box, Typography } from '@mui/material';
var InlineInformation = ({ label, value, sx, children, gutter }) => (jsxs(Box, Object.assign({ sx: Object.assign({ display: 'flex', width: '100%', fontSize: '0.8rem', alignItems: 'center', minHeight: 40, my: 0.5 }, sx) }, { children: [jsx(Typography, Object.assign({ sx: { fontWeight: 'bolder', mr: gutter || 2 } }, { children: label })), value && (jsx(Typography, { children: jsx(Fragment, { children: value }) })), children && jsx(Box, { children: children })] })));
export { InlineInformation as default };
//# sourceMappingURL=InlineInformation.js.map