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