'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 m,getTextLabelMoneyClasses as n,getTextValueMoneyClasses as p}from"../../helpers/product-price-breakdown/getClasses.js";import{getLabelTextStyles as c}from"../../helpers/product-price-breakdown/getStyles.js";let MoneyLine=({uniqueId:a,title:d,money:l,labelTextStyles:u,moneyTextStyles:f,builderPropsUID:g,tooltipData:y,direction:h})=>{let x=o(),j=x?.baseID?.replace("gid://shopify/Product/",""),k=i(m(h)),w=i(n(h)),b=i(p(h)),I=c(h,u);return t("div",{className:k,children:[e(r,{className:w,setting:{text:d,options:{uniqueId:`${a}-${g}-${j}`,productID:j,useState:!0}},styles:I}),y?e(s,{tooltip:y.content||"",width:y.width||""}):e(r,{className:b,setting:{text:l,options:{isCannotEditing:!0}},styles:f})]})};export{MoneyLine as default};
