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