'use client';
import{jsx as e}from"react/jsx-runtime";import{cls as t}from"@gem-sdk/core";import{buttonColor as r}from"../../../../../common/helper.js";import{useMemo as o}from"react";import p from"../../../../../text/components/Text.js";let l=({value:l,isVariantOutStock:n,checked:a,preset:s})=>{let i=o(()=>n?r.secondary:a?r.primary:r.defaultText,[n,a]);return e("div",{className:t("gp-box-border gp-inline-flex gp-w-full gp- gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[5px] gp-px-[26px] gp-py-[21px] gp-text-center",{"gp-pointer-events-none !gp-cursor-not-allowed":n}),style:{boxShadow:`inset 0 0 0 1px ${r.secondary}`,backgroundColor:i},children:e(p,{setting:{text:l?.label},className:"gp-flex gp-items-center",textClassWrapper:"gp-leading-[15px]",styles:{typo:{fontSize:s?.labelTextSize||"large",textTransform:s?.labelTransform||"capitalize",textColor:a||n?"defaultButton":"defaultLink",fontWeight:"bold"}}})})};export{l as default};
