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;
}) {
  if (input || result) {
    return (
      <Grid id="tool" container spacing={2}>
        {input && (
          <Grid item xs={12} md={result ? 6 : 12}>
            {input}
          </Grid>
        )}
        <Grid item xs={12} md={input ? 6 : 12}>
          {result}
        </Grid>
      </Grid>
    );
  }
}