https://gymbeam.hr/api/v1/fe-assets/_astro/button-component.Bz70vlHQ.js

1import{j as e}from"./jsx-runtime.D_zvdyIk.js";import{r as p}from"./index.Cj9yZCyu.js";import{c as x}from"./index.DVHx2mBP.js";import{t as l}from"./bundle-mjs.CXl88Wxt.js";const u=x(["flex","flex-1","items-center","justify-center","space-x-2"],{variants:{position:{start:["flex-row"],end:["flex-row-reverse"]},align:{left:["justify-start"],center:["justify-center"],right:["justify-end"],between:["justify-between"]}}}),g=t=>{const{children:s,align:o,place:a,position:n,loader:r,className:i}=t;return e.jsxs("div",{className:l(u({position:n,align:o}),i),children:[r&&e.jsxs("span",{children:[typeof r=="boolean"&&e.jsxs("div",{role:"status",className:l(a==="local"?"absolute":"fixed","inset-0 z-20 bg-white/[0.55] text-black"),children:[e.jsx(y,{size:a==="local"?"sm":"lg"}),e.jsx("span",{className:"sr-only",children:"Loading..."})]}),typeof r=="object"&&r]}),s]})};function y({size:t="lg"}){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:t==="lg"?"50px":"25px",height:t==="lg"?"50px":"25px",viewBox:"25 25 50 50",className:"relative top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%]","aria-hidden":!0,children:[e.jsx("style",{children:`circle#loading-spinner {
2    stroke-dasharray: 1, 200;
3    stroke-dashoffset: 0;
4    animation: dash 1.5s ease-in-out infinite;
5    stroke-linecap: round;
6    stroke: #000;
7  }
8  @keyframes dash {
9    0% {
10        stroke-dasharray: 1, 200;
11        stroke-dashoffset: 1;
12    }
13    50% {
14        stroke-dasharray: 89, 200;
15        stroke-dashoffset: -35px;
16    }
17    100% {
18        stroke-dasharray: 89, 200;
19        stroke-dashoffset: -124px;
20    }
21  }`}),e.jsx("circle",{id:"loading-spinner",cx:"50",cy:"50",r:"23",fill:"none"})]})}const m=x(["text-white","font-bold","leading-normal","items-center","justify-center","uppercase","whitespace-nowrap","truncate","transition-colors duration-500 ease-in-out","rounded","cursor-pointer"],{variants:{variant:{primary:["bg-primary","border-2","border-primary"],secondary:["bg-secondary","hover:bg-secondary-strong"],success:["bg-success","hover:bg-success-strong"],ghost:["bg-none","text-grey-500","hover:bg-grey-100"],light:["border-2","border-secondary","text-xs","text-secondary","hover:bg-secondary","hover:text-white"],lightBlack:["border-2","border-black","text-black","hover:bg-black","hover:text-white"],boxed:["border","border-black","border-2","text-black","hover:border-secondary","hover:text-secondary","hover:fill-secondary"],shadow:["bg-shadow","hover:bg-secondary","transition ease-in-out duration-500"],tertiary:["bg-shadow","hover:bg-grey-400","transition ease-in-out duration-500"],text:["[text-transform:unset]","text-base","font-bold","text-gray","underline","hover:[color:#555]"]},size:{xs:["px-3","h-[34px]","rounded-lg","text-[15px]","font-semibold","normal-case"],sm:["px-6","py-2","font-semibold"],base:["px-14","h-12"],lg:["px-14","h-16"],xl:["px-14","h-18"]},disabled:{true:["cursor-not-allowed","opacity-60","pointer-events-none"]},fullWidth:{true:["w-full flex flex-1"]},align:{left:["justify-start"],center:["justify-center"],right:["justify-end"],between:["justify-between"]}},compoundVariants:[],defaultVariants:{variant:"primary",size:"base",align:"center"}}),v=p.forwardRef((t,s)=>{const{children:o,loader:a,className:n,variant:r,size:i,disabled:d,fullWidth:h,align:c,place:f,...b}=t;return e.jsx("button",{ref:s,className:l(m({variant:r,size:i,disabled:d,fullWidth:h,align:c,className:n})),tabIndex:0,disabled:d,...b,children:e.jsx(g,{place:f??"global",align:c,loader:a,children:o})})});v.displayName="Button";export{v as B,g as L};