import{template as o,RenderChildren as t}from"@gem-sdk/core";import{createStyle as e,createClass as r,If as s}from"@gem-sdk/system";import{getItemWrapStyles as i,getIconStyles as l,getSvgActiveStyles as n,getSvgStyles as d,getFlexChildren as m}from"./common/styles.js";import{getLayoutClasses as c,getIconSectionClasses as u,getItemClasses as a}from"./common/classes.js";let p=p=>{let{isSelected:v,setting:g,styles:$,bundleItem:w,rawChildrenItem:f}=p,h=e(i($,v)),k=r(c(g)),y=e(l(g)),x=e(n($)),A=e(d($)),C=r(u),L=r(a),Z=r(m);return o`
  <gp-product-bundle-discount-item ${w} aria-hidden class="${L}" style="${h}">
  <div class="${k}">
    ${s(g?.enableIcon,o`
    <div class="${C}" style="${y}">
      ${s(v,o`<svg style="${x}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
          <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round"
            d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Z"></path>
        </svg>`,o`<svg style="${A}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
          <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round"
            d="M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Z">
          </path>
      </svg>`)}

    </div>
    `)}
    <div class="${Z}">
      ${t({...f})}
    </div>
  </div>
</gp-product-bundle-discount-item>
  `};export{p as default};
