mautourco-components 0.2.15 → 0.2.16

package/dist/components/molecules/TimelineItem/TimelineHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconName } from '../../atoms/Icon/Icon';
+import './TimelineHeader.css';
+export interface TimelineHeaderProps {
+    icon: IconName;
+    title: string;
+    extraText?: string;
+    isOnRequest?: boolean;
+}
+export declare const TimelineHeader: React.FC<TimelineHeaderProps>;

package/dist/components/molecules/TimelineItem/TimelineHeader.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 { cn } from '@/src/lib/utils';
+import Chip from '../../atoms/Chip/Chip';
+import Icon from '../../atoms/Icon/Icon';
+import { Text } from '../../atoms/Typography/Typography';
+import './TimelineHeader.css';
+export var TimelineHeader = function (props) {
+    var _a = props.icon, icon = _a === void 0 ? 'car' : _a, title = props.title, extraText = props.extraText, _b = props.isOnRequest, isOnRequest = _b === void 0 ? false : _b;
+    return (_jsxs("div", __assign({ className: cn('timeline-header', isOnRequest && 'timeline-header--request') }, { children: [_jsx("div", __assign({ className: "timeline-header__icon-container" }, { children: _jsx("div", __assign({ className: "timeline-header__icon" }, { children: _jsx(Icon, { name: icon }) })) })), _jsxs("div", __assign({ className: "flex gap-x-2 items-center" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "md", color: isOnRequest ? 'yellow' : 'accent', leading: "5" }, { children: title })), extraText && (_jsx(Text, __assign({ variant: "medium", size: "md", color: "accent", className: "italic", leading: "5" }, { children: extraText }))), isOnRequest && _jsx(Chip, __assign({ color: "yellow" }, { children: "On request" }))] }))] })));
+};