import { SxProps } from '@mui/material';
import { Theme } from '@emotion/react';
import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '../types';

export interface TabsBaseProps extends MuiTabsBaseProps {
  sx?: SxProps<Theme>;
  children?: React.ReactNode;
  onChange?: (event: React.SyntheticEvent, value: any) => void;
  color?: ColorVariant;
  variant?: TabsVariant;
  value?: any;
  data?: DataTabs[];
}

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