feat complete

src/components/input/InputFooter.tsx

@@ -2,23 +2,32 @@ import { Stack } from '@mui/material';
 import Button from '@mui/material/Button';
 import PublishIcon from '@mui/icons-material/Publish';
 import ContentPasteIcon from '@mui/icons-material/ContentPaste';
-import React from 'react';
+import ClearIcon from '@mui/icons-material/Clear';
 
 export default function InputFooter({
   handleImport,
-  handleCopy
+  handleCopy,
+  handleClear
 }: {
   handleImport: () => void;
-  handleCopy: () => void;
+  handleCopy?: () => void;
+  handleClear?: () => void;
 }) {
   return (
     <Stack mt={1} direction={'row'} spacing={2}>
       <Button onClick={handleImport} startIcon={<PublishIcon />}>
         Import from file
       </Button>
-      <Button onClick={handleCopy} startIcon={<ContentPasteIcon />}>
-        Copy to clipboard
-      </Button>
+      {handleCopy && (
+        <Button onClick={handleCopy} startIcon={<ContentPasteIcon />}>
+          Copy to clipboard
+        </Button>
+      )}
+      {handleClear && (
+        <Button onClick={handleClear} startIcon={<ClearIcon />}>
+          Clear
+        </Button>
+      )}
     </Stack>
   );
 }