import{template as o}from"@gem-sdk/core";import{createClass as r,createStyle as t,createAttr as e,If as m}from"@gem-sdk/system";import{getSelectClass as s}from"../../common/dropdown/classes.js";import{getSelectStyle as d}from"../../common/dropdown/styles.js";import{getSelectAttr as i}from"../../common/dropdown/attrs.js";import{renderBlankOption as n,renderDropdownOptions as p}from"../dropdown-option/render-liquid/index.js";let DropdownVariant=l=>{let{variantGroup:a,blankText:c,swatchAutoWidth:f,swatchHeight:w,optionTypography:$,optionBgColor:j,optionTextColor:u,optionRounded:y,optionShadow:g,optionHasShadow:h,optionBorder:b,optionTransform:k,hasPreSelected:q,optionTypo:x,combineHeight:D,combineWidth:V,soldOutStyle:C,children:L}=l,v="disable"===C,z=r(s({optionTypo:x,optionTypography:$,optionBgColor:j,optionBorder:b,optionTextColor:u})),A=t(d({width:a?V:f,height:a?D:w,optionTypo:x,optionTypography:$,optionBgColor:j,optionTextColor:u,optionRounded:y,optionHasShadow:h,optionShadow:g,optionBorder:b,optionTransform:k,isCombine:a})),B=e(i({variantGroup:a,type:"Liquid"})),E=()=>L;return o`
    <select
      ${B}
      class="${z}"
      style="${A}"
    >
      ${m(!q,n(c))}
      ${m(a,E(),p(v,q))}
    </select>`};export{DropdownVariant as default};
