@ozen-ui/kit
Version:
React component library
31 lines (30 loc) • 2.21 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.PageListCard = exports.cnPageListCard = void 0;
var tslib_1 = require("tslib");
require("./PageListCard.css");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../../hooks/useThemeProps");
var classname_1 = require("../../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../../utils/polymorphicComponentWithRef");
var constants_1 = require("../constants");
var ListCardContext_1 = require("../ListCardContext");
exports.cnPageListCard = (0, classname_1.cn)('PageListCard');
exports.PageListCard = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
var props = (0, useThemeProps_1.useThemeProps)({
props: inProps,
name: 'PageListCard',
});
var _a = props.as, Tag = _a === void 0 ? constants_1.LIST_CARD_DEFAULT_TAG : _a, children = props.children, borderColorScheme = props.borderColorScheme, _b = props.size, size = _b === void 0 ? constants_1.LIST_CARD_DEFAULT_SIZE : _b, _c = props.contentTrailingRatio, contentTrailingRatio = _c === void 0 ? constants_1.LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO : _c, _d = props.interactive, interactive = _d === void 0 ? constants_1.LIST_CARD_DEFAULT_INTERACTIVE : _d, _e = props.backgroundColorScheme, backgroundColorScheme = _e === void 0 ? constants_1.LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME : _e, className = props.className, other = tslib_1.__rest(props, ["as", "children", "borderColorScheme", "size", "contentTrailingRatio", "interactive", "backgroundColorScheme", "className"]);
return (react_1.default.createElement(ListCardContext_1.ListCardContext.Provider, { value: {
variant: 'onPage',
size: size,
borderColorScheme: borderColorScheme,
backgroundColorScheme: backgroundColorScheme,
interactive: interactive,
contentTrailingRatio: contentTrailingRatio,
} },
react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnPageListCard)({
size: size,
}, [className]) }), children)));
});