@react-vant-next/campaign/lib/sku/components/SkuRow.js

React Mobile UI Components based on Vant UI - Next Generation

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var ui = require('@react-vant-next/ui');
var utils = require('@react-vant-next/utils');
var cls = require('clsx');

const [bem] = utils.createNamespace("sku-row");
const SkuRow = (props) => {
    const { skuRow } = props;
    const renderTitle = () => {
        return (jsxRuntime.jsxs("div", { className: cls(bem("title")), children: [skuRow.k, skuRow.is_multiple && (jsxRuntime.jsx("span", { className: cls(bem("title-multiple")), children: "\uFF08\u53EF\u591A\u9009\uFF09" }))] }));
    };
    const renderContent = () => {
        const { largeImageMode } = skuRow;
        return largeImageMode
            ? (jsxRuntime.jsx("div", { className: cls(bem("scroller")), children: jsxRuntime.jsx("div", { className: cls(bem("row")), children: props.children }) }))
            : (props.children);
    };
    return (jsxRuntime.jsxs("div", { className: cls(bem(), ui.BORDER_BOTTOM), children: [renderTitle(), renderContent()] }));
};

exports.default = SkuRow;
//# sourceMappingURL=SkuRow.js.map