"use client"
import{m as t}from"./chunk-7LNA6Q2P.mjs";import{LayoutGroup as p,motion as l}from"framer-motion";import{useId as c}from"react";import{jsx as o,jsxs as m}from"react/jsx-runtime";function f({options:i,selected:a,selectAction:n,className:s,optionClassName:u,indicatorClassName:g,style:d}){let r=c();return o(p,{id:r,children:o(l.div,{layout:!0,className:t("relative inline-flex items-center gap-1 rounded-xl border border-gray-200 bg-white p-1",s),style:d,children:i.map(e=>m("button",{type:"button",className:t("relative z-10 flex items-center gap-2 px-3 py-1 text-sm font-medium capitalize",{"z-[11] transition-colors hover:text-gray-500":e.value!==a},u),onClick:()=>n(e.value),children:[o("p",{children:e.label}),e.badge,e.value===a&&o(l.div,{layoutId:r,className:t("absolute left-0 top-0 -z-[1] h-full w-full rounded-lg border border-gray-200 bg-gray-50",g),transition:{duration:.25}})]},e.value))})})}export{f as a};
