@kubit-ui-web/react-components/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NavigationCardInfo = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const tag_1 = require("../../../components/tag/tag");
const text_1 = require("../../../components/text/text");
const screenReaderOnly_1 = require("../../screenReaderOnly/screenReaderOnly");
const component_1 = require("../../text/types/component");
const decoration_1 = require("../../text/types/decoration");
const navigationCard_styled_1 = require("../navigationCard.styled");
const NavigationCardInfo = (props) => ((0, jsx_runtime_1.jsxs)(navigationCard_styled_1.NavigationCardContentStyled, { as: props.innerContainersComponent, children: [(0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.title?.[props.device]?.linesNumber ?? props.styles.title?.linesNumber, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: props.styles.title?.[props.device]?.component ??
                    props.styles.title?.component ??
                    component_1.TextComponentType.SPAN, customTypography: props.styles.title, decoration: decoration_1.TextDecorationType.NONE, ...props.title, children: props.title?.content }) }), props.description && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardDescriptionContainerStyled, { as: props.innerContainersComponent, styles: props.styles, children: (0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.description?.[props.device]?.linesNumber ??
                    props.styles.description?.linesNumber, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.description, decoration: decoration_1.TextDecorationType.NONE, ...props.description, children: props.description.content }) }) })), props.tag && props.styles.containerExpandedContent && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardTagContainer, { as: props.innerContainersComponent, styles: props.styles, children: (0, jsx_runtime_1.jsxs)(tag_1.Tag, { option: props.styles.tag?.option, variant: props.styles.tag?.variant, ...props.tag, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: props.tag?.screenReaderText }), props.tag?.content] }) }))] }));
exports.NavigationCardInfo = NavigationCardInfo;
//# sourceMappingURL=navigationCardInfo.js.map