UNPKG

@ozen-ui/kit

Version:

React component library

31 lines (30 loc) 2.21 kB
"use strict"; 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))); });