@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
12 lines • 2.11 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Tag } from '../../../components/tag/tag';
import { Text } from '../../../components/text/text';
import { ScreenReaderOnly } from '../../screenReaderOnly/screenReaderOnly';
import { TextComponentType } from '../../text/types/component';
import { TextDecorationType } from '../../text/types/decoration';
import { NavigationCardContentStyled, NavigationCardDescriptionContainerStyled, NavigationCardLinesTextStyled, NavigationCardTagContainer, } from '../navigationCard.styled';
export const NavigationCardInfo = (props) => (_jsxs(NavigationCardContentStyled, { as: props.innerContainersComponent, children: [_jsx(NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.title?.[props.device]?.linesNumber ?? props.styles.title?.linesNumber, children: _jsx(Text, { component: props.styles.title?.[props.device]?.component ??
props.styles.title?.component ??
TextComponentType.SPAN, customTypography: props.styles.title, decoration: TextDecorationType.NONE, ...props.title, children: props.title?.content }) }), props.description && (_jsx(NavigationCardDescriptionContainerStyled, { as: props.innerContainersComponent, styles: props.styles, children: _jsx(NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.description?.[props.device]?.linesNumber ??
props.styles.description?.linesNumber, children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.description, decoration: TextDecorationType.NONE, ...props.description, children: props.description.content }) }) })), props.tag && props.styles.containerExpandedContent && (_jsx(NavigationCardTagContainer, { as: props.innerContainersComponent, styles: props.styles, children: _jsxs(Tag, { option: props.styles.tag?.option, variant: props.styles.tag?.variant, ...props.tag, children: [_jsx(ScreenReaderOnly, { children: props.tag?.screenReaderText }), props.tag?.content] }) }))] }));
//# sourceMappingURL=navigationCardInfo.js.map