import type { ElementType, FC, HTMLAttributes } from 'react';
import classnames from 'classnames';
import React from 'react';

export interface TabsProps extends HTMLAttributes<HTMLElement> {
  tag?: ElementType;
}

const Tabs: FC<TabsProps> = ({ className, tag: Tag = 'div', ...props }) => (
  <Tag className={classnames('tabs', className)} data-testid="Tabs" {...props} />
);

export default Tabs;
