1 files changed, 0 insertions, 48 deletions
diff --git a/modern/src/common/components/SplitButton.jsx b/modern/src/common/components/SplitButton.jsx
deleted file mode 100644
index 84876f15..00000000
--- a/modern/src/common/components/SplitButton.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useRef, useState } from 'react';
-import {
-  Button, ButtonGroup, Menu, MenuItem, Typography,
-} from '@mui/material';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-
-const SplitButton = ({
-  fullWidth, variant, color, disabled, onClick, options, selected, setSelected,
-}) => {
-  const anchorRef = useRef();
-  const [menuAnchorEl, setMenuAnchorEl] = useState(null);
-
-  return (
-    <>
-      <ButtonGroup fullWidth={fullWidth} variant={variant} color={color} ref={anchorRef}>
-        <Button disabled={disabled} onClick={() => onClick(selected)}>
-          <Typography variant="button" noWrap>{options[selected]}</Typography>
-        </Button>
-        <Button fullWidth={false} size="small" onClick={() => setMenuAnchorEl(anchorRef.current)}>
-          <ArrowDropDownIcon />
-        </Button>
-      </ButtonGroup>
-      <Menu
-        open={!!menuAnchorEl}
-        anchorEl={menuAnchorEl}
-        onClose={() => setMenuAnchorEl(null)}
-        anchorOrigin={{
-          vertical: 'bottom',
-          horizontal: 'right',
-        }}
-      >
-        {Object.entries(options).map(([key, value]) => (
-          <MenuItem
-            key={key}
-            onClick={() => {
-              setSelected(key);
-              setMenuAnchorEl(null);
-            }}
-          >
-            {value}
-          </MenuItem>
-        ))}
-      </Menu>
-    </>
-  );
-};
-
-export default SplitButton;