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