import{a as n}from"./BlueButton.vue_vue_type_script_setup_true_lang-CY8chwQm.js";import{M as r,o as e,c as s,a as i,G as w,n as o,b as l,i as c}from"./index-Bb2UEb_P.js";const d=["disabled"],p={key:0,class:"tw-absolute tw-inset-0 tw-flex tw-items-center tw-justify-center"},f=r({__name:"WhiteButton",props:{type:{},disabled:{type:Boolean},loading:{type:Boolean}},setup(m){return(t,u)=>{const a=n;return e(),s("button",{class:o(["tw-flex tw-items-center tw-justify-center tw-gap-2 tw-px-4 tw-text-gray-800 tw-text-xs sm:tw-text-sm tw-font-normal tw-bg-white hover:tw-text-sky-400 hover:tw-bg-sky-200 tw-border tw-border-gray-200 tw-rounded tw-cursor-pointer",t.type==="small"?"tw-h-10":"tw-h-10 sm:tw-h-12"]),disabled:t.disabled},[i("div",{class:o(["tw-flex tw-items-center tw-justify-center tw-gap-2",t.loading?"tw-opacity-0":"tw-opacity-100"])},[w(t.$slots,"default")],2),t.loading?(e(),s("div",p,[l(a,{class:"tw-size-6 tw-animate-spin tw-text-gray-800"})])):c("",!0)],10,d)}}});export{f as _};
