import { Box } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
import { ClassNameMap } from '@material-ui/styles';
import * as prettyBytes from 'pretty-bytes';
import { AllocationBar } from '../Bars';
import { BodyText } from '../Text';
import { BLUE, RED_ON } from '../../lib/consts/DEFAULT_THEME';
const selectDecorator = (
state: boolean,
): keyof ClassNameMap<'mounted' | 'notMounted'> => {
return state ? 'mounted' : 'notMounted';
};
const useStyles = makeStyles(() => ({
fs: {
paddingLeft: '10px',
paddingRight: '10px',
paddingTop: '15px',
},
bar: {
paddingLeft: '10px',
paddingRight: '10px',
},
decorator: {
width: '20px',
height: '100%',
borderRadius: 2,
},
decoratorBox: {
paddingRight: '5px',
},
mounted: {
backgroundColor: BLUE,
},
notMounted: {
backgroundColor: RED_ON,
},
}));
const SharedStorageNode = ({
node,
}: {
node: AnvilSharedStorageNode;
}): JSX.Element => {
const classes = useStyles();
return (
<>
{node.is_mounted && (
<>
>
)}
>
);
};
export default SharedStorageNode;