"use client"
import{m as i}from"./chunk-NGCWPE34.mjs";import{cva as n}from"class-variance-authority";import{LayoutGroup as c,motion as m}from"framer-motion";import{useId as f}from"react";import{jsx as a,jsxs as b}from"react/jsx-runtime";var p=n("p-4 transition-colors duration-75",{variants:{variant:{default:"text-gray-400 data-[selected=true]:text-black data-[selected=false]:hover:text-gray-500",accent:"text-neutral-500 transition-[color,font-weight] data-[selected=true]:text-blue-600 data-[selected=false]:hover:text-neutral-700 data-[selected=true]:font-medium"}},defaultVariants:{variant:"default"}}),v=n("absolute bottom-0 w-full px-1.5",{variants:{variant:{default:"text-black",accent:"text-blue-600"}},defaultVariants:{variant:"default"}});function T({variant:r,options:s,selected:e,onSelect:o,className:l}){let d=f();return a("div",{className:i("flex text-sm",l),children:a(c,{id:d,children:s.map(({id:t,label:u})=>b("div",{className:"relative",children:[a("button",{type:"button",onClick:()=>o==null?void 0:o(t),className:p({variant:r}),"data-selected":t===e,"aria-selected":t===e,children:u}),t===e&&a(m.div,{layoutId:"indicator",transition:{duration:.1},className:v({variant:r}),children:a("div",{className:"h-0.5 rounded-t-full bg-current"})})]},t))})})}export{T as a};
