"use client";

import * as React from "react";

import { ScrollArea } from "@/components/ui/scroll-area";
import { cn } from "@/lib/utils";

interface ScrollableTabsListProps {
  className?: string;
  children: React.ReactNode;
}

function ScrollableTabsList({ className, children }: ScrollableTabsListProps) {
  return (
    <ScrollArea className={cn("w-full whitespace-nowrap", className)}>
      <div className="inline-flex min-w-full items-center justify-center pb-2 lg:justify-start">
        {children}
      </div>
    </ScrollArea>
  );
}

export { ScrollableTabsList };