omni-tools/src/components/ToolInputAndResult.tsx

import React, { ReactNode } from 'react';
import Grid from '@mui/material/Grid';

export default function ToolInputAndResult({
  input,
  result
}: {
  input?: ReactNode;
  result: ReactNode;
}) {
  return (
    <Grid id="tool" container spacing={2}>
      {input && (
        <Grid item xs={12} md={6}>
          {input}
        </Grid>
      )}
      <Grid item xs={12} md={input ? 6 : 12}>
        {result}
      </Grid>
    </Grid>
  );
}