marcel/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-09-19 14:09:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: output selector

Browse Source
This commit is contained in:
Ibrahima G. Coulibaly
2024-06-21 20:57:05 +01:00
parent acf1327d8d
commit 4b8ba1f17c
3 changed files with 158 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/ToolOptions.tsx
View File

@@ -1,15 +1,25 @@
import { Box, Stack, useTheme } from '@mui/material'
import SettingsIcon from '@mui/icons-material/Settings'
import Typography from '@mui/material/Typography'
import React, { ReactNode } from 'react'
import { Box, Stack, useTheme } from '@mui/material';
import SettingsIcon from '@mui/icons-material/Settings';
import Typography from '@mui/material/Typography';
import React, { ReactNode } from 'react';
export default function ToolOptions({ children }: { children: ReactNode }) {
const theme = useTheme()
return (<Box sx={{ mb: 2, borderRadius: 2, padding: 2, backgroundColor: theme.palette.background.default }} mt={2}>
<Stack direction={'row'} spacing={1} alignItems={'center'}>
<SettingsIcon />
<Typography fontSize={22}>Tool options</Typography>
</Stack>
{children}
</Box>)
const theme = useTheme();
return (
<Box
sx={{
mb: 2,
borderRadius: 2,
padding: 2,
backgroundColor: theme.palette.background.default
}}
mt={2}
>
<Stack direction={'row'} spacing={1} alignItems={'center'}>
<SettingsIcon />
<Typography fontSize={22}>Tool options</Typography>
</Stack>
<Box mt={2}>{children}</Box>
</Box>
);
}