import { Fragment, ReactElement } from 'react';

export interface IProps {
  children:
    | string
    | ReactElement<HTMLInputElement>
    | (
        | boolean
        | ReactElement<HTMLInputElement>
        | ReactElement<HTMLParagraphElement>
      )[];
  title?: string; // it is used on Tabs.tsx
}

function TabItem({ children, title = '' }: IProps): ReactElement {
  return <Fragment key={title}>{children}</Fragment>;
}

export default TabItem;