@ovotech/element-native 5.5.0 → 5.7.0

package/dist/components/Cards/IconTextCard/IconTextCard.js

@@ -2,26 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTextCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_native_1 = require("../../../styled.native");
-const Heading_1 = require("../../Heading");
 const Icon_1 = require("../../Icon");
 const P_1 = require("../../P");
+const components_1 = require("../components");
+const shared_styles_1 = require("../shared.styles");
 const utils_1 = require("../utils");
 const IconTextCard_styles_1 = require("./IconTextCard.styles");
-const ResponsiveHeading = ({ heading, size = 'default' }) => {
-    const theme = (0, styled_native_1.useTheme)();
-    const HeadingComponent = (0, utils_1.checkIsSmall)(size) ? Heading_1.Heading4 : Heading_1.Heading2;
-    const lineHeight = theme.font.lineHeight[(0, utils_1.checkIsSmall)(size) ? 'lg' : '3xl'].mediaQuery.sm;
-    if (typeof heading === 'string') {
-        return ((0, jsx_runtime_1.jsx)(HeadingComponent, { style: { lineHeight }, children: heading }));
-    }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: heading.map(segment => ((0, jsx_runtime_1.jsx)(HeadingComponent, { style: {
-                color: (0, utils_1.resolveColor)(segment.color),
-                lineHeight,
-                marginRight: theme.space[100],
-            }, children: segment.text }, segment.text))) }));
-};
 const IconTextCard = ({ icon, heading, subHeading, size = 'default', }) => {
-    return ((0, jsx_runtime_1.jsxs)(IconTextCard_styles_1.CardWithIconText, { isSmall: (0, utils_1.checkIsSmall)(size), children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: 24 }), (0, jsx_runtime_1.jsxs)(IconTextCard_styles_1.TextContainer, { isSmall: (0, utils_1.checkIsSmall)(size), children: [(0, jsx_runtime_1.jsx)(IconTextCard_styles_1.TitleContainer, { children: (0, jsx_runtime_1.jsx)(ResponsiveHeading, { heading: heading, size: size }) }), !(0, utils_1.checkIsSmall)(size) && subHeading && ((0, jsx_runtime_1.jsx)(IconTextCard_styles_1.SubHeading, { children: (0, jsx_runtime_1.jsx)(P_1.P, { children: subHeading }) }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(IconTextCard_styles_1.CardWithIconText, { isSmall: (0, utils_1.checkIsSmall)(size), children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: 24 }), (0, jsx_runtime_1.jsxs)(IconTextCard_styles_1.TextContainer, { isSmall: (0, utils_1.checkIsSmall)(size), children: [(0, jsx_runtime_1.jsx)(shared_styles_1.TitleContainer, { children: (0, jsx_runtime_1.jsx)(components_1.ResponsiveHeading, { heading: heading, size: size }) }), !(0, utils_1.checkIsSmall)(size) && subHeading && ((0, jsx_runtime_1.jsx)(IconTextCard_styles_1.SubHeading, { children: (0, jsx_runtime_1.jsx)(P_1.P, { children: subHeading }) }))] })] }));
 };
 exports.IconTextCard = IconTextCard;