mautourco-components 0.2.4 → 0.2.7

package/src/components/atoms/Checkbox/Checkbox.tsx

@@ -1,83 +1,83 @@
-import React from 'react';
-import Check from '../Icon/icons/Check';
-
-interface CheckboxProps {
-  checked?: boolean;
-  disabled?: boolean;
-  error?: boolean;
-  label?: string;
-  onChange?: (checked: boolean) => void;
-  className?: string;
-  id?: string;
-  leadingContent?: React.ReactNode;
-}
-
-const Checkbox: React.FC<CheckboxProps> = ({
-  checked = false,
-  disabled = false,
-  error = false,
-  label,
-  onChange,
-  className = '',
-  id,
-  leadingContent
-}) => {
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (!disabled && onChange) {
-      onChange(e.target.checked);
-    }
-  };
-
-  const handleLabelClick = (e: React.MouseEvent<HTMLLabelElement>) => {
-    if (!disabled && onChange) {
-      e.preventDefault();
-      onChange(!checked);
-    }
-  };
-
-  const getStateClasses = () => {
-    if (disabled) return 'checkbox--disabled';
-    if (error) return 'checkbox--error';
-    if (checked) return 'checkbox--checked';
-    return 'checkbox--default';
-  };
-
-  const checkboxId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
-
-  return (
-    <div className={`checkbox-container ${getStateClasses()} ${className}`}>
-      <label 
-        htmlFor={checkboxId} 
-        className="checkbox-label"
-        onClick={handleLabelClick}
-      >
-        <input
-          type="checkbox"
-          id={checkboxId}
-          checked={checked}
-          disabled={disabled}
-          onChange={handleChange}
-          className="checkbox-input"
-          readOnly
-        />
-        <div className="checkbox-button">
-          <div className="checkbox-touch-target">
-            <div className="checkbox-box">
-              {checked && (
-                <Check size="sm" className="checkbox-icon" />
-              )}
-            </div>
-          </div>
-        </div>
-        {leadingContent && (
-          <span className="checkbox-leading">{leadingContent}</span>
-        )}
-        {label && (
-          <span className="checkbox-text">{label}</span>
-        )}
-      </label>
-    </div>
-  );
-};
-
-export default Checkbox;
+import React from 'react';
+import Check from '../Icon/icons/Check';
+
+interface CheckboxProps {
+  checked?: boolean;
+  disabled?: boolean;
+  error?: boolean;
+  label?: string;
+  onChange?: (checked: boolean) => void;
+  className?: string;
+  id?: string;
+  leadingContent?: React.ReactNode;
+}
+
+const Checkbox: React.FC<CheckboxProps> = ({
+  checked = false,
+  disabled = false,
+  error = false,
+  label,
+  onChange,
+  className = '',
+  id,
+  leadingContent
+}) => {
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (!disabled && onChange) {
+      onChange(e.target.checked);
+    }
+  };
+
+  const handleLabelClick = (e: React.MouseEvent<HTMLLabelElement>) => {
+    if (!disabled && onChange) {
+      e.preventDefault();
+      onChange(!checked);
+    }
+  };
+
+  const getStateClasses = () => {
+    if (disabled) return 'checkbox--disabled';
+    if (error) return 'checkbox--error';
+    if (checked) return 'checkbox--checked';
+    return 'checkbox--default';
+  };
+
+  const checkboxId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
+
+  return (
+    <div className={`checkbox-container ${getStateClasses()} ${className}`}>
+      <label 
+        htmlFor={checkboxId} 
+        className="checkbox-label"
+        onClick={handleLabelClick}
+      >
+        <input
+          type="checkbox"
+          id={checkboxId}
+          checked={checked}
+          disabled={disabled}
+          onChange={handleChange}
+          className="checkbox-input"
+          readOnly
+        />
+        <div className="checkbox-button">
+          <div className="checkbox-touch-target">
+            <div className="checkbox-box">
+              {checked && (
+                <Check size="sm" className="checkbox-icon" />
+              )}
+            </div>
+          </div>
+        </div>
+        {leadingContent && (
+          <span className="checkbox-leading">{leadingContent}</span>
+        )}
+        {label && (
+          <span className="checkbox-text">{label}</span>
+        )}
+      </label>
+    </div>
+  );
+};
+
+export default Checkbox;

package/src/components/atoms/Icon/Icon.tsx

@@ -1,163 +1,163 @@
-import React from "react";
-import Chevron from "./icons/Chevron";
-import Check from "./icons/Check";
-import Close from "./icons/Close";
-import Search from "./icons/Search";
-import User from "./icons/User";
-import UserIcon from "./icons/UserIcon";
-import CalendarIcon from "./icons/CalendarIcon";
-import ArrivalIcon from "./icons/ArrivalIcon";
-import DepartureIcon from "./icons/DepartureIcon";
-import MapPinIcon from "./icons/MapPinIcon";
-import DeleteIcon from "./icons/DeleteIcon";
-import EyeIcon from "./icons/EyeIcon";
-import InfoIcon from "./icons/InfoIcon";
-import CheckCircleIcon from "./icons/CheckCircleIcon";
-import StrollerIcon from "./icons/StrollerIcon";
-import ChevronDownIcon from "./icons/ChevronDownIcon";
-import CarIcon from "./icons/CarIcon";
-import MoreIcon from "./icons/MoreIcon";
-import Settings from "./icons/Settings";
-import MenuIcon from "./icons/MenuIcon";
-import MautourcoLogo from "./icons/MautoucoLogo";
-import YouTubeIcon from "./icons/Youtube";
-import FacebookIcon from "./icons/FacebookIcon";
-import TwitterIcon from "./icons/TwitterIcon";
-import LinkedInIcon from "./icons/LinkedInIcon";
-import CalendarOutlineIcon from "./icons/CalendarOutlineIcon";
-import PlusIcon from "./icons/PlusIcon";
-import MinusIcon from "./icons/MinusIcon";
-import HomeIcon from "./icons/HomeIcon";
-import PlaneIcon from "./icons/PlaneIcon";
-import ShipIcon from "./icons/ShipIcon";
-import BuildingIcon from "./icons/BuildingIcon";
-
-export type IconName =
-  | "chevron-down"
-  | "chevron-up"
-  | "chevron-left"
-  | "chevron-right"
-  | "check"
-  | "close"
-  | "search"
-  | "user"
-  | "user-icon"
-  | "calendar"
-  | 'calendar-outline'
-  | "arrival"
-  | "departure"
-  | "map-pin"
-  | "delete"
-  | "eye"
-  | "info"
-  | "check-circle"
-  | "stroller"
-  | "chevron-down-new"
-  | "car"
-  | "more"
-  | "settings"
-  | "menu"
-  | "mautourcoLogo"
-  | "youtube"
-  | "facebook"
-  | "linkedin"
-  | "twitter"
-  | "plus"
-  | "minus"
-  | "home"
-  | "plane"
-  | "ship"
-  | "building";
-
-interface IconProps {
-  name: IconName;
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
-  className?: string;
-  color?: string;
-}
-
-const Icon: React.FC<IconProps> = ({
-  name,
-  size = "md",
-  className = "",
-  color,
-}) => {
-  const iconProps = { size, className, color };
-
-  switch (name) {
-    case "chevron-down":
-      return <Chevron direction="down" {...iconProps} />;
-    case "chevron-up":
-      return <Chevron direction="up" {...iconProps} />;
-    case "chevron-left":
-      return <Chevron direction="left" {...iconProps} />;
-    case "chevron-right":
-      return <Chevron direction="right" {...iconProps} />;
-    case "check":
-      return <Check {...iconProps} />;
-    case "close":
-      return <Close {...iconProps} />;
-    case "search":
-      return <Search {...iconProps} />;
-    case "user":
-      return <User {...iconProps} />;
-    case "user-icon":
-      return <UserIcon {...iconProps} />;
-    case "calendar":
-      return <CalendarIcon {...iconProps} />;
-    case 'calendar-outline':
-      return <CalendarOutlineIcon {...iconProps} />;
-    case 'arrival':
-      return <ArrivalIcon {...iconProps} />;
-    case "departure":
-      return <DepartureIcon {...iconProps} />;
-    case "map-pin":
-      return <MapPinIcon {...iconProps} />;
-    case "delete":
-      return <DeleteIcon {...iconProps} />;
-    case "eye":
-      return <EyeIcon {...iconProps} />;
-    case "info":
-      return <InfoIcon {...iconProps} />;
-    case "check-circle":
-      return <CheckCircleIcon {...iconProps} />;
-    case "stroller":
-      return <StrollerIcon {...iconProps} />;
-    case "chevron-down-new":
-      return <ChevronDownIcon {...iconProps} />;
-    case "car":
-      return <CarIcon {...iconProps} />;
-    case "more":
-      return <MoreIcon {...iconProps} />;
-    case "settings":
-      return <Settings {...iconProps} />;
-    case "menu":
-      return <MenuIcon {...iconProps} />;
-    case "mautourcoLogo":
-      return <MautourcoLogo {...iconProps} />;
-    case "youtube":
-      return <YouTubeIcon {...iconProps} />;
-    case "facebook":
-      return <FacebookIcon {...iconProps} />;
-    case "twitter":
-      return <TwitterIcon {...iconProps} />;
-    case "linkedin":
-      return <LinkedInIcon {...iconProps} />;
-    case "plus":
-      return <PlusIcon {...iconProps} />;
-    case "minus":
-      return <MinusIcon {...iconProps} />;
-    case "home":
-      return <HomeIcon {...iconProps} />;
-    case "plane":
-      return <PlaneIcon {...iconProps} />;
-    case "ship":
-      return <ShipIcon {...iconProps} />;
-    case "building":
-      return <BuildingIcon {...iconProps} />;
-    default:
-      return null;
-  }
-};
-
-export default Icon;
+import React from "react";
+import Chevron from "./icons/Chevron";
+import Check from "./icons/Check";
+import Close from "./icons/Close";
+import Search from "./icons/Search";
+import User from "./icons/User";
+import UserIcon from "./icons/UserIcon";
+import CalendarIcon from "./icons/CalendarIcon";
+import ArrivalIcon from "./icons/ArrivalIcon";
+import DepartureIcon from "./icons/DepartureIcon";
+import MapPinIcon from "./icons/MapPinIcon";
+import DeleteIcon from "./icons/DeleteIcon";
+import EyeIcon from "./icons/EyeIcon";
+import InfoIcon from "./icons/InfoIcon";
+import CheckCircleIcon from "./icons/CheckCircleIcon";
+import StrollerIcon from "./icons/StrollerIcon";
+import ChevronDownIcon from "./icons/ChevronDownIcon";
+import CarIcon from "./icons/CarIcon";
+import MoreIcon from "./icons/MoreIcon";
+import Settings from "./icons/Settings";
+import MenuIcon from "./icons/MenuIcon";
+import MautourcoLogo from "./icons/MautoucoLogo";
+import YouTubeIcon from "./icons/Youtube";
+import FacebookIcon from "./icons/FacebookIcon";
+import TwitterIcon from "./icons/TwitterIcon";
+import LinkedInIcon from "./icons/LinkedInIcon";
+import CalendarOutlineIcon from "./icons/CalendarOutlineIcon";
+import PlusIcon from "./icons/PlusIcon";
+import MinusIcon from "./icons/MinusIcon";
+import HomeIcon from "./icons/HomeIcon";
+import PlaneIcon from "./icons/PlaneIcon";
+import ShipIcon from "./icons/ShipIcon";
+import BuildingIcon from "./icons/BuildingIcon";
+
+export type IconName =
+  | "chevron-down"
+  | "chevron-up"
+  | "chevron-left"
+  | "chevron-right"
+  | "check"
+  | "close"
+  | "search"
+  | "user"
+  | "user-icon"
+  | "calendar"
+  | 'calendar-outline'
+  | "arrival"
+  | "departure"
+  | "map-pin"
+  | "delete"
+  | "eye"
+  | "info"
+  | "check-circle"
+  | "stroller"
+  | "chevron-down-new"
+  | "car"
+  | "more"
+  | "settings"
+  | "menu"
+  | "mautourcoLogo"
+  | "youtube"
+  | "facebook"
+  | "linkedin"
+  | "twitter"
+  | "plus"
+  | "minus"
+  | "home"
+  | "plane"
+  | "ship"
+  | "building";
+
+interface IconProps {
+  name: IconName;
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  className?: string;
+  color?: string;
+}
+
+const Icon: React.FC<IconProps> = ({
+  name,
+  size = "md",
+  className = "",
+  color,
+}) => {
+  const iconProps = { size, className, color };
+
+  switch (name) {
+    case "chevron-down":
+      return <Chevron direction="down" {...iconProps} />;
+    case "chevron-up":
+      return <Chevron direction="up" {...iconProps} />;
+    case "chevron-left":
+      return <Chevron direction="left" {...iconProps} />;
+    case "chevron-right":
+      return <Chevron direction="right" {...iconProps} />;
+    case "check":
+      return <Check {...iconProps} />;
+    case "close":
+      return <Close {...iconProps} />;
+    case "search":
+      return <Search {...iconProps} />;
+    case "user":
+      return <User {...iconProps} />;
+    case "user-icon":
+      return <UserIcon {...iconProps} />;
+    case "calendar":
+      return <CalendarIcon {...iconProps} />;
+    case 'calendar-outline':
+      return <CalendarOutlineIcon {...iconProps} />;
+    case 'arrival':
+      return <ArrivalIcon {...iconProps} />;
+    case "departure":
+      return <DepartureIcon {...iconProps} />;
+    case "map-pin":
+      return <MapPinIcon {...iconProps} />;
+    case "delete":
+      return <DeleteIcon {...iconProps} />;
+    case "eye":
+      return <EyeIcon {...iconProps} />;
+    case "info":
+      return <InfoIcon {...iconProps} />;
+    case "check-circle":
+      return <CheckCircleIcon {...iconProps} />;
+    case "stroller":
+      return <StrollerIcon {...iconProps} />;
+    case "chevron-down-new":
+      return <ChevronDownIcon {...iconProps} />;
+    case "car":
+      return <CarIcon {...iconProps} />;
+    case "more":
+      return <MoreIcon {...iconProps} />;
+    case "settings":
+      return <Settings {...iconProps} />;
+    case "menu":
+      return <MenuIcon {...iconProps} />;
+    case "mautourcoLogo":
+      return <MautourcoLogo {...iconProps} />;
+    case "youtube":
+      return <YouTubeIcon {...iconProps} />;
+    case "facebook":
+      return <FacebookIcon {...iconProps} />;
+    case "twitter":
+      return <TwitterIcon {...iconProps} />;
+    case "linkedin":
+      return <LinkedInIcon {...iconProps} />;
+    case "plus":
+      return <PlusIcon {...iconProps} />;
+    case "minus":
+      return <MinusIcon {...iconProps} />;
+    case "home":
+      return <HomeIcon {...iconProps} />;
+    case "plane":
+      return <PlaneIcon {...iconProps} />;
+    case "ship":
+      return <ShipIcon {...iconProps} />;
+    case "building":
+      return <BuildingIcon {...iconProps} />;
+    default:
+      return null;
+  }
+};
+
+export default Icon;

package/src/components/atoms/Icon/icons/ArrivalIcon.tsx

@@ -1,52 +1,52 @@
-import React from 'react';
-
-interface ArrivalIconProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const ArrivalIcon: React.FC<ArrivalIconProps> = ({
-  size = 'md',
-  className = '',
-  color
-}) => {
-  const getSizeClasses = () => {
-    switch (size) {
-      case 'xs': return 'w-3 h-3';
-      case 'sm': return 'w-4 h-4';
-      case 'md': return 'w-5 h-5';
-      case 'lg': return 'w-6 h-6';
-      case 'xl': return 'w-8 h-8';
-      default: return 'w-5 h-5';
-    }
-  };
-
-  // Base viewBox covers both plane and baseline
-  const sizeClasses = getSizeClasses();
-  const colorClass = color ? `text-${color}` : 'text-current';
-  const classes = `${sizeClasses} ${colorClass} ${className}`;
-
-  return (
-    <svg
-      className={classes}
-      viewBox="0 0 15 15"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      {/* Plane */}
-      <path
-        d="M8.61046 1.06519C8.82677 1.38315 8.95172 1.75476 8.96985 2.13883L9.14241 5.47813L9.1424 5.48576C9.1471 5.59416 9.18213 5.69947 9.24321 5.78917C9.30439 5.87888 9.38987 5.94968 9.48914 5.9937L9.49114 5.99458L12.3255 7.26408L12.5211 7.36061C12.9036 7.57143 13.2202 7.88435 13.4351 8.26453L13.5335 8.45952L13.5364 8.46603L13.8064 9.08336C13.9069 9.30978 13.9559 9.555 13.9504 9.80272C13.9449 10.0525 13.8835 10.2979 13.7713 10.5212C13.659 10.7447 13.498 10.9412 13.3006 11.0947C13.1057 11.2463 12.8793 11.3511 12.6385 11.4056L12.639 11.4078L12.0869 11.5361C11.5998 11.6497 11.0835 11.6092 10.6107 11.406L10.6027 11.4024L1.86857 7.52809C1.52107 7.3737 1.22329 7.12683 1.0067 6.81696C0.966794 6.77487 0.930689 6.72861 0.90107 6.67747L0.101396 5.29664C-0.0184861 5.08962 -0.0324841 4.83735 0.0638278 4.61837L1.26385 1.88991C1.43061 1.51075 1.87397 1.33858 2.25314 1.50534L3.00271 1.83502C3.30041 1.96515 3.56325 2.16333 3.77081 2.41331C3.92688 2.60133 4.04874 2.81484 4.13044 3.04381L4.19826 3.27689L4.20767 3.32492L4.22324 3.4186C4.2445 3.50286 4.28365 3.58156 4.3392 3.64852C4.39743 3.71867 4.4715 3.77429 4.55507 3.81073L4.56444 3.81438L4.63703 3.84678L6.13231 0.448073C6.21232 0.266158 6.36131 0.123199 6.54646 0.0510128C6.73183 -0.0211105 6.93952 -0.0165731 7.1216 0.0635088L7.73925 0.335162C8.09167 0.492892 8.39324 0.745985 8.61046 1.06519ZM7.37046 1.90915C7.32544 1.84298 7.26771 1.78679 7.20061 1.74427L5.70506 5.14573C5.62443 5.32903 5.47367 5.47215 5.28667 5.54378C5.09961 5.61541 4.89164 5.6095 4.70916 5.52691L3.95523 5.18434L3.9551 5.18572C3.65673 5.05555 3.39292 4.85703 3.18501 4.60655C2.9771 4.35603 2.83052 4.06025 2.75756 3.74297C2.75392 3.72716 2.75075 3.71096 2.74815 3.69494L2.73246 3.59501C2.71083 3.51301 2.67087 3.43671 2.61662 3.37134C2.55855 3.30146 2.48536 3.24566 2.40212 3.20925L2.39874 3.20825L2.33553 3.17949L1.59002 4.87453L2.1285 5.8046C2.15834 5.8393 2.18558 5.87656 2.20893 5.91679C2.27056 6.02298 2.36437 6.10671 2.47654 6.15663L11.2034 10.0268C11.377 10.1014 11.5654 10.1173 11.7461 10.0751L12.3068 9.94482C12.3334 9.93896 12.3585 9.92741 12.38 9.9107C12.4014 9.89403 12.4186 9.87241 12.4309 9.84816C12.4431 9.82382 12.4501 9.79678 12.4507 9.76955C12.4512 9.74235 12.4456 9.71519 12.4344 9.69037L12.4316 9.68386L12.1639 9.07092C12.0764 8.87771 11.92 8.72384 11.7255 8.63906L11.7189 8.63568L8.87855 7.36354C8.52458 7.20605 8.2213 6.95338 8.00322 6.63313C7.78468 6.3122 7.6599 5.93628 7.64347 5.54836L7.47164 2.21606L7.4714 2.21119C7.46656 2.10317 7.43127 1.99855 7.37046 1.90915Z"
-        fill="currentColor"
-      />
-      {/* Baseline */}
-      <path
-        d="M14.083 0C14.4972 0 14.833 0.335825 14.833 0.75C14.833 1.16421 14.4972 1.5 14.083 1.5H0.75C0.335786 1.5 0 1.16421 0 0.75C4.48366e-05 0.335825 0.335814 0 0.75 0H14.083Z"
-        transform="translate(0 13)"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default ArrivalIcon;
+import React from 'react';
+
+interface ArrivalIconProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const ArrivalIcon: React.FC<ArrivalIconProps> = ({
+  size = 'md',
+  className = '',
+  color
+}) => {
+  const getSizeClasses = () => {
+    switch (size) {
+      case 'xs': return 'w-3 h-3';
+      case 'sm': return 'w-4 h-4';
+      case 'md': return 'w-5 h-5';
+      case 'lg': return 'w-6 h-6';
+      case 'xl': return 'w-8 h-8';
+      default: return 'w-5 h-5';
+    }
+  };
+
+  // Base viewBox covers both plane and baseline
+  const sizeClasses = getSizeClasses();
+  const colorClass = color ? `text-${color}` : 'text-current';
+  const classes = `${sizeClasses} ${colorClass} ${className}`;
+
+  return (
+    <svg
+      className={classes}
+      viewBox="0 0 15 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      {/* Plane */}
+      <path
+        d="M8.61046 1.06519C8.82677 1.38315 8.95172 1.75476 8.96985 2.13883L9.14241 5.47813L9.1424 5.48576C9.1471 5.59416 9.18213 5.69947 9.24321 5.78917C9.30439 5.87888 9.38987 5.94968 9.48914 5.9937L9.49114 5.99458L12.3255 7.26408L12.5211 7.36061C12.9036 7.57143 13.2202 7.88435 13.4351 8.26453L13.5335 8.45952L13.5364 8.46603L13.8064 9.08336C13.9069 9.30978 13.9559 9.555 13.9504 9.80272C13.9449 10.0525 13.8835 10.2979 13.7713 10.5212C13.659 10.7447 13.498 10.9412 13.3006 11.0947C13.1057 11.2463 12.8793 11.3511 12.6385 11.4056L12.639 11.4078L12.0869 11.5361C11.5998 11.6497 11.0835 11.6092 10.6107 11.406L10.6027 11.4024L1.86857 7.52809C1.52107 7.3737 1.22329 7.12683 1.0067 6.81696C0.966794 6.77487 0.930689 6.72861 0.90107 6.67747L0.101396 5.29664C-0.0184861 5.08962 -0.0324841 4.83735 0.0638278 4.61837L1.26385 1.88991C1.43061 1.51075 1.87397 1.33858 2.25314 1.50534L3.00271 1.83502C3.30041 1.96515 3.56325 2.16333 3.77081 2.41331C3.92688 2.60133 4.04874 2.81484 4.13044 3.04381L4.19826 3.27689L4.20767 3.32492L4.22324 3.4186C4.2445 3.50286 4.28365 3.58156 4.3392 3.64852C4.39743 3.71867 4.4715 3.77429 4.55507 3.81073L4.56444 3.81438L4.63703 3.84678L6.13231 0.448073C6.21232 0.266158 6.36131 0.123199 6.54646 0.0510128C6.73183 -0.0211105 6.93952 -0.0165731 7.1216 0.0635088L7.73925 0.335162C8.09167 0.492892 8.39324 0.745985 8.61046 1.06519ZM7.37046 1.90915C7.32544 1.84298 7.26771 1.78679 7.20061 1.74427L5.70506 5.14573C5.62443 5.32903 5.47367 5.47215 5.28667 5.54378C5.09961 5.61541 4.89164 5.6095 4.70916 5.52691L3.95523 5.18434L3.9551 5.18572C3.65673 5.05555 3.39292 4.85703 3.18501 4.60655C2.9771 4.35603 2.83052 4.06025 2.75756 3.74297C2.75392 3.72716 2.75075 3.71096 2.74815 3.69494L2.73246 3.59501C2.71083 3.51301 2.67087 3.43671 2.61662 3.37134C2.55855 3.30146 2.48536 3.24566 2.40212 3.20925L2.39874 3.20825L2.33553 3.17949L1.59002 4.87453L2.1285 5.8046C2.15834 5.8393 2.18558 5.87656 2.20893 5.91679C2.27056 6.02298 2.36437 6.10671 2.47654 6.15663L11.2034 10.0268C11.377 10.1014 11.5654 10.1173 11.7461 10.0751L12.3068 9.94482C12.3334 9.93896 12.3585 9.92741 12.38 9.9107C12.4014 9.89403 12.4186 9.87241 12.4309 9.84816C12.4431 9.82382 12.4501 9.79678 12.4507 9.76955C12.4512 9.74235 12.4456 9.71519 12.4344 9.69037L12.4316 9.68386L12.1639 9.07092C12.0764 8.87771 11.92 8.72384 11.7255 8.63906L11.7189 8.63568L8.87855 7.36354C8.52458 7.20605 8.2213 6.95338 8.00322 6.63313C7.78468 6.3122 7.6599 5.93628 7.64347 5.54836L7.47164 2.21606L7.4714 2.21119C7.46656 2.10317 7.43127 1.99855 7.37046 1.90915Z"
+        fill="currentColor"
+      />
+      {/* Baseline */}
+      <path
+        d="M14.083 0C14.4972 0 14.833 0.335825 14.833 0.75C14.833 1.16421 14.4972 1.5 14.083 1.5H0.75C0.335786 1.5 0 1.16421 0 0.75C4.48366e-05 0.335825 0.335814 0 0.75 0H14.083Z"
+        transform="translate(0 13)"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default ArrivalIcon;