import React from 'react';
import { Box } from '@mui/material';

export interface TabPanelProps {
  children: React.ReactNode;
  value: number;
  index: number;
}

/** Consistent tab content wrapper. Renders only when active. */
export const TabPanel: React.FC<TabPanelProps> = ({ children, value, index }) => {
  if (value !== index) return null;
  return <Box sx={{ pt: 3 }}>{children}</Box>;
};
