mautourco-components 0.2.9 → 0.2.11

package/dist/components/molecules/SectionTitle/SectionTitle.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './SectionTitle.css';
+export interface SectionTitleProps {
+    /** Main title text */
+    title: string;
+    /** Visual style of the title */
+    variant?: 'accent' | 'default';
+    /** Optional left color bar */
+    showMarker?: boolean;
+    /** Additional content displayed on the right side (e.g. actions, badges) */
+    trailing?: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const SectionTitle: React.FC<SectionTitleProps>;
+export default SectionTitle;

package/dist/components/molecules/SectionTitle/SectionTitle.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading } from '../../atoms/Typography/Typography';
+import './SectionTitle.css';
+var SectionTitle = function (_a) {
+    var title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'accent' : _b, _c = _a.showMarker, showMarker = _c === void 0 ? true : _c, trailing = _a.trailing, _d = _a.className, className = _d === void 0 ? '' : _d;
+    var baseClass = 'section-title';
+    var classes = [baseClass, "".concat(baseClass, "--").concat(variant), className].filter(Boolean).join(' ');
+    return (_jsxs("div", __assign({ className: classes }, { children: [_jsxs("div", __assign({ className: "section-title__left" }, { children: [showMarker && _jsx("span", { className: "section-title__marker", "aria-hidden": "true" }), _jsx(Heading, __assign({ level: 3, variant: "bold", color: variant === 'accent' ? 'accent' : 'default', className: "section-title__text" }, { children: title }))] })), trailing && _jsx("div", __assign({ className: "section-title__trailing" }, { children: trailing }))] })));
+};
+export default SectionTitle;