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