import * as React from 'react';
import {
  BaseTabs,
  type BaseTabsProps,
  TabsContent,
  TabsList,
  TabsTrigger,
  baseTabsVariants,
} from './BaseTabs';

import { cn } from '../..';

import styles from './Tabs.module.css';

export type TabsProps = BaseTabsProps & {};

const tabsVariants = baseTabsVariants;

function Tabs(props: TabsProps) {
  return <BaseTabs className={cn(styles.Tabs, tabsVariants)} {...props} />;
}

export { Tabs, TabsContent, TabsList, TabsTrigger, tabsVariants };
