import React from "react";
import * as RadixTabs from "@radix-ui/react-tabs";

import { twMerge } from "../../../tailwind.config";

export interface TabListProps
  extends Omit<RadixTabs.TabsListProps, "className"> {
  ESCAPE_className?: string;
}

export const TabList = ({ ESCAPE_className, ...restProps }: TabListProps) => {
  return (
    <RadixTabs.List
      className={twMerge("-mb-[1px] flex gap-4", ESCAPE_className)}
      {...restProps}
    />
  );
};
