'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../../../../common/components/Tooltip.js"),r=require("../../../text/components/Text.js"),a=require("@gem-sdk/system"),l=require("../../helpers/product-price-breakdown/getClasses.js"),o=require("../../helpers/product-price-breakdown/getStyles.js");exports.default=({uniqueId:i,title:n,money:d,labelTextStyles:c,moneyTextStyles:u,builderPropsUID:p,tooltipData:x,direction:g,subTitle:m})=>{let j=s.useProduct(),y=j?.baseID?.replace("gid://shopify/Product/",""),h=a.createClass(l.getMoneyRowClasses(g)),q=a.createClass(l.getTextLabelMoneyClasses(g)),C=a.createClass(l.getTextValueMoneyClasses(g)),f=o.getLabelTextStyles(g,c);return e.jsxs("div",{children:[e.jsxs("div",{className:h,children:[e.jsx(r.default,{className:q,setting:{text:n,options:{uniqueId:`${i}-${p}-${y}`,productID:y,useState:!0}},styles:f}),x?e.jsx(t.default,{tooltip:x.content||"",width:x.width||""}):e.jsx(r.default,{className:C,setting:{text:d,options:{isCannotEditing:!0}},styles:u})]}),m&&e.jsx("div",{className:"gp-text-xs gp-font-normal gp-leading-5 gp-text-[#737373]",children:m})]})};
