@lunit/oui
Version:
Lunit Oncology UI components
27 lines (26 loc) • 773 B
JavaScript
import { Box, styled } from '@mui/material';
const getPadding = (size) => {
if (size === 'large-bold') {
return '14px 0';
}
return '2px';
};
export const ToggleControlOuter = styled(Box, { shouldForwardProp: (prop) => prop !== 'hasBar' })(({ hasBar }) => ({
display: 'flex',
flexDirection: 'column',
alignItems: 'flex-start',
gap: hasBar ? '10px' : '8px',
width: '100%',
height: hasBar ? 'auto' : '20px',
}));
export const ToggleControlContainer = styled(Box, {
shouldForwardProp: (prop) => !['size'].includes(prop.toString()),
})(({ size }) => {
return {
width: '100%',
display: 'flex',
justifyContent: 'space-between',
padding: getPadding(size),
alignItems: 'center',
};
});