Files
omni-tools/src/components/ToolInputAndResult.tsx

24 lines
443 B
TypeScript
Raw Normal View History

2024-06-25 07:15:42 +01:00
import React, { ReactNode } from 'react';
import Grid from '@mui/material/Grid';
export default function ToolInputAndResult({
input,
result
}: {
2024-06-27 18:39:55 +01:00
input?: ReactNode;
2024-06-25 07:15:42 +01:00
result: ReactNode;
}) {
return (
2024-06-25 08:39:29 +01:00
<Grid id="tool" container spacing={2}>
2024-06-27 18:39:55 +01:00
{input && (
<Grid item xs={12} md={6}>
{input}
</Grid>
)}
<Grid item xs={12} md={input ? 6 : 12}>
2024-06-25 07:15:42 +01:00
{result}
</Grid>
</Grid>
);
}