@lunit/oui
Version:
Lunit Oncology UI components
18 lines (17 loc) • 808 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, styled, Typography } from '@mui/material';
import theme from '../../theme';
export const Container = styled(Box)(({ theme }) => ({
display: 'flex',
}));
export const HorizontalStatisticContainer = styled(Box)({
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'space-between',
gap: '6px',
width: '100%',
});
export const VerticalStatisticContainer = ({ title, metrics, }) => {
return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: '6px' }, children: [_jsx(Typography, { variant: "body8", color: theme.palette.neutralGrey[40], children: title }), _jsx(Typography, { variant: "body5", color: theme.palette.neutralGrey[0], children: metrics })] }));
};