import{jsx as e,jsxs as l}from"react/jsx-runtime";import{createClass as a}from"@gem-sdk/system";import{getSellingPlanDropdownContainerClasses as s,getSellingPlanDropdownLabelClasses as r,getSellingPlanDropdownLabelSpanClasses as n,getSellingPlanDropdownLabelInnerSpanClasses as t,getSellingPlanDropdownSelectClasses as i,getSellingPlanDropdownOptionClasses as c,getSellingPlanDropdownIconContainerClasses as m,getSellingPlanDropdownIconClasses as o}from"../common/classes.js";let d=({setting:d,sellingPlanOptions:p,selectedValue:h,dir:v,onChange:u})=>{let{sellingLabel:N}=d??{},g="rtl"===v,f=a(s()),w=a(r(g)),b=a(n()),x=a(t()),j=a(i({isNoLabel:""===N,isRTL:g})),C=a(c()),L=a(m(g)),S=a(o());return e("div",{dir:v,className:f,children:l("div",{className:"gp-relative",children:[N&&e("label",{htmlFor:"selling-plan-select",className:w,children:e("span",{className:b,children:e("span",{className:x,children:N})})}),e("select",{autoComplete:"off",name:"Select Option",className:j,value:h,onChange:e=>u(e.target.value),children:p.map(l=>e("option",{className:C,value:l.value,children:l.label},l.value))}),e("div",{className:L,children:e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:S,children:e("path",{d:"M0 5h20L10 15"})})})]})})};export{d as SellingPlanDropdown};
