'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 RectangleListVariant=({value:n,isVariantOutStock:a,checked:l,preset:i})=>{let s=o(()=>a?r.secondary:l?r.primary:r.defaultText,[a,l]);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":a}),style:{boxShadow:`inset 0 0 0 1px ${r.secondary}`,backgroundColor:s},children:e(p,{setting:{text:n?.label},className:"gp-flex gp-items-center",textClassWrapper:"gp-leading-[15px]",styles:{typo:{fontSize:i?.labelTextSize||"large",textTransform:i?.labelTransform||"capitalize",textColor:l||a?"defaultButton":"defaultLink",fontWeight:"bold"}}})})};export{RectangleListVariant as default};
