@cleartrip/ct-design-icons 4.0.0-SNAPSHOT-test.0 → 4.0.0-SNAPSHOT-reactnative.2

package/src/trainRouteBackground.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import { Image } from '@cleartrip/ct-design-image';
+
+interface TrainRouteBackgroundProps {
+  width?: number;
+  height?: number;
+}
+
+const TrainRouteBackground: React.FC<TrainRouteBackgroundProps> = ({ width: _width = 2, height: _height = 169 }) => {
+  return (
+    <Image
+      alt=''
+      src='https://rukmini-ct.flixcart.com/f_auto,q_auto/offermgmt-prod/offermgmt/images/banner/trainroutebg.png'
+    />
+  );
+};
+
+export default TrainRouteBackground;

package/src/trainSlider.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface TrainSliderProps {
+  width?: number;
+  height?: number;
+}
+
+const TrainSlider: React.FC<TrainSliderProps> = ({ width: _width = 2, height: _height = 169 }) => {
+  return (
+    <svg
+      width='20'
+      height='20'
+      viewBox='0 0 20 20'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      xmlnsXlink='http://www.w3.org/1999/xlink'
+    >
+      <rect width='20' height='20' fill='url(#pattern0_4701_54100)' />
+      <defs>
+        <pattern id='pattern0_4701_54100' patternContentUnits='objectBoundingBox' width='1' height='1'>
+          <use xlinkHref='#image0_4701_54100' transform='scale(0.0078125)' />
+        </pattern>
+        <image
+          id='image0_4701_54100'
+          width='128'
+          height='128'
+          preserveAspectRatio='none'
+          xlinkHref='data:image/png;base64,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'
+        />
+      </defs>
+    </svg>
+  );
+};
+
+export default TrainSlider;

package/src/trainVehicle.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import { Image } from '@cleartrip/ct-design-image';
+
+interface TrainVehicleProps {
+  width?: number;
+  height?: number;
+}
+
+const BASE_URL = 'https://rukmini-ct.flixcart.com/f_auto,q_auto';
+
+const getImageUrl = (width: number, height: number) => {
+  const w = Math.round(width);
+  const h = Math.round(height);
+  return `${BASE_URL},w_${w},h_${h},dpr_3/offermgmt-prod/offermgmt/trains/images/trains.png`;
+};
+
+const TrainVehicle: React.FC<TrainVehicleProps> = ({ width = 900, height = 368 }) => {
+  return (
+    <Image alt='train vehicle' src={getImageUrl(width, height)} width={width} height={height} resizeMode='contain' />
+  );
+};
+
+export default TrainVehicle;

package/src/trainsAfternoonIcon.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+interface AfternoonIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+  selected?: boolean;
+}
+
+const AfternoonIcon: React.FC<AfternoonIconProps> = ({ width = 21, height = 21, color = '#1A1A1A', selected }) => {
+  const fillColor = selected ? '#3C6CE6' : color;
+
+  return (
+    <svg width={width} height={height} viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M10.475 3.675C10.2583 3.675 10.0793 3.604 9.938 3.462C9.796 3.32067 9.725 3.14167 9.725 2.925V0.75C9.725 0.533333 9.796 0.354 9.938 0.212C10.0793 0.0706667 10.2583 0 10.475 0C10.6917 0 10.871 0.0706667 11.013 0.212C11.1543 0.354 11.225 0.533333 11.225 0.75V2.925C11.225 3.14167 11.1543 3.32067 11.013 3.462C10.871 3.604 10.6917 3.675 10.475 3.675ZM15.275 5.675C15.1417 5.54167 15.075 5.371 15.075 5.163C15.075 4.95433 15.1417 4.775 15.275 4.625L16.8 3.075C16.95 2.90833 17.1293 2.825 17.338 2.825C17.546 2.825 17.725 2.90833 17.875 3.075C18.025 3.20833 18.1 3.379 18.1 3.587C18.1 3.79567 18.025 3.975 17.875 4.125L16.325 5.675C16.175 5.825 16 5.9 15.8 5.9C15.6 5.9 15.425 5.825 15.275 5.675ZM18.025 11.225C17.8083 11.225 17.6293 11.154 17.488 11.012C17.346 10.8707 17.275 10.6917 17.275 10.475C17.275 10.2583 17.346 10.079 17.488 9.937C17.6293 9.79567 17.8083 9.725 18.025 9.725H20.2C20.4167 9.725 20.596 9.79567 20.738 9.937C20.8793 10.079 20.95 10.2583 20.95 10.475C20.95 10.6917 20.8793 10.8707 20.738 11.012C20.596 11.154 20.4167 11.225 20.2 11.225H18.025ZM10.475 20.95C10.2583 20.95 10.0793 20.8793 9.938 20.738C9.796 20.596 9.725 20.4167 9.725 20.2V18.025C9.725 17.8083 9.796 17.6293 9.938 17.488C10.0793 17.346 10.2583 17.275 10.475 17.275C10.6917 17.275 10.871 17.346 11.013 17.488C11.1543 17.6293 11.225 17.8083 11.225 18.025V20.2C11.225 20.4167 11.1543 20.596 11.013 20.738C10.871 20.8793 10.6917 20.95 10.475 20.95ZM4.625 5.675L3.075 4.15C2.90833 4 2.825 3.81667 2.825 3.6C2.825 3.38333 2.90833 3.20833 3.075 3.075C3.20833 2.925 3.38333 2.85 3.6 2.85C3.81667 2.85 3.99167 2.925 4.125 3.075L5.7 4.625C5.83333 4.775 5.9 4.95433 5.9 5.163C5.9 5.371 5.83333 5.54167 5.7 5.675C5.55 5.80833 5.375 5.875 5.175 5.875C4.975 5.875 4.79167 5.80833 4.625 5.675ZM16.825 17.875L15.275 16.325C15.1417 16.175 15.075 15.9957 15.075 15.787C15.075 15.579 15.1417 15.4083 15.275 15.275C15.4083 15.1417 15.579 15.075 15.787 15.075C15.9957 15.075 16.175 15.1417 16.325 15.275L17.875 16.825C18.025 16.9583 18.1 17.1293 18.1 17.338C18.1 17.546 18.025 17.725 17.875 17.875C17.725 18.0417 17.546 18.125 17.338 18.125C17.1293 18.125 16.9583 18.0417 16.825 17.875ZM0.75 11.225C0.533333 11.225 0.354333 11.154 0.213 11.012C0.0710001 10.8707 0 10.6917 0 10.475C0 10.2583 0.0710001 10.079 0.213 9.937C0.354333 9.79567 0.533333 9.725 0.75 9.725H2.925C3.14167 9.725 3.321 9.79567 3.463 9.937C3.60433 10.079 3.675 10.2583 3.675 10.475C3.675 10.6917 3.60433 10.8707 3.463 11.012C3.321 11.154 3.14167 11.225 2.925 11.225H0.75ZM3.075 17.875C2.94167 17.7417 2.871 17.5707 2.863 17.362C2.85433 17.154 2.925 16.975 3.075 16.825L4.625 15.275C4.75833 15.1417 4.925 15.075 5.125 15.075C5.325 15.075 5.50833 15.1417 5.675 15.275C5.825 15.4417 5.9 15.625 5.9 15.825C5.9 16.025 5.825 16.2 5.675 16.35L4.15 17.875C3.98333 18.0417 3.796 18.125 3.588 18.125C3.37933 18.125 3.20833 18.0417 3.075 17.875ZM10.475 15.975C8.94167 15.975 7.64167 15.4417 6.575 14.375C5.50833 13.3083 4.975 12.0083 4.975 10.475C4.975 8.94167 5.50833 7.64167 6.575 6.575C7.64167 5.50833 8.94167 4.975 10.475 4.975C12.0083 4.975 13.3083 5.50833 14.375 6.575C15.4417 7.64167 15.975 8.94167 15.975 10.475C15.975 12.0083 15.4417 13.3083 14.375 14.375C13.3083 15.4417 12.0083 15.975 10.475 15.975ZM10.475 14.475C11.575 14.475 12.5167 14.0833 13.3 13.3C14.0833 12.5167 14.475 11.575 14.475 10.475C14.475 9.375 14.0833 8.43333 13.3 7.65C12.5167 6.86667 11.575 6.475 10.475 6.475C9.375 6.475 8.43333 6.86667 7.65 7.65C6.86667 8.43333 6.475 9.375 6.475 10.475C6.475 11.575 6.86667 12.5167 7.65 13.3C8.43333 14.0833 9.375 14.475 10.475 14.475Z'
+        fill={fillColor}
+      />
+    </svg>
+  );
+};
+
+export default AfternoonIcon;

package/src/trainsBackArrow.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+interface BackArrowProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const BackArrow: React.FC<BackArrowProps> = ({ width = 24, height = 24, color = '#212121' }) => (
+  <svg width={width} height={height} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M18.2 12H5' stroke={color} strokeLinecap='round' strokeLinejoin='round' />
+    <path d='M11.5 18.5L5 12L11.5 5.5' stroke={color} strokeLinecap='round' strokeLinejoin='round' />
+  </svg>
+);
+
+export default BackArrow;

package/src/trainsCalendarIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+interface CalendarIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const CalendarIcon: React.FC<CalendarIconProps> = ({ width = 24, height = 24, color = '#808080' }) => {
+  return (
+    <svg width={width} height={height} viewBox='0 0 24 24' fill='none'>
+      <rect x='3' y='5' width='18' height='15' rx='3' stroke={color} strokeWidth='1.5' />
+      <path d='M3.5 10H21' stroke={color} strokeWidth='1.5' />
+      <path d='M8 5V3' stroke={color} strokeWidth='1.5' strokeLinecap='round' />
+      <path d='M16 5V3' stroke={color} strokeWidth='1.5' strokeLinecap='round' />
+    </svg>
+  );
+};
+
+export default CalendarIcon;

package/src/trainsContentCopyIcon.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+
+interface ContentCopyIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const ContentCopyIcon: React.FC<ContentCopyIconProps> = () => {
+  return (
+    <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <mask
+        id='mask0_4756_60250'
+        style={{ maskType: 'alpha' }}
+        maskUnits='userSpaceOnUse'
+        x='0'
+        y='0'
+        width='16'
+        height='16'
+      >
+        <rect width='16' height='16' fill='#D9D9D9' />
+      </mask>
+      <g mask='url(#mask0_4756_60250)'>
+        <path
+          d='M6.07692 11.3333C5.77008 11.3333 5.51389 11.2306 5.30833 11.025C5.10278 10.8194 5 10.5632 5 10.2564V3.07692C5 2.77008 5.10278 2.51389 5.30833 2.30833C5.51389 2.10278 5.77008 2 6.07692 2H11.2564C11.5632 2 11.8194 2.10278 12.025 2.30833C12.2306 2.51389 12.3333 2.77008 12.3333 3.07692V10.2564C12.3333 10.5632 12.2306 10.8194 12.025 11.025C11.8194 11.2306 11.5632 11.3333 11.2564 11.3333H6.07692ZM6.07692 10.6667H11.2564C11.359 10.6667 11.453 10.6239 11.5385 10.5385C11.6239 10.453 11.6667 10.359 11.6667 10.2564V3.07692C11.6667 2.97436 11.6239 2.88034 11.5385 2.79487C11.453 2.7094 11.359 2.66667 11.2564 2.66667H6.07692C5.97436 2.66667 5.88034 2.7094 5.79487 2.79487C5.7094 2.88034 5.66667 2.97436 5.66667 3.07692V10.2564C5.66667 10.359 5.7094 10.453 5.79487 10.5385C5.88034 10.6239 5.97436 10.6667 6.07692 10.6667ZM4.07692 13.3333C3.77008 13.3333 3.51389 13.2306 3.30833 13.025C3.10278 12.8194 3 12.5632 3 12.2564V4.41025H3.66667V12.2564C3.66667 12.359 3.7094 12.453 3.79487 12.5385C3.88033 12.6239 3.97435 12.6667 4.07692 12.6667H9.92308V13.3333H4.07692Z'
+          fill='white'
+        />
+        <path
+          d='M5.66667 10.6667V2.66667M6.07692 11.3333C5.77008 11.3333 5.51389 11.2306 5.30833 11.025C5.10278 10.8194 5 10.5632 5 10.2564V3.07692C5 2.77008 5.10278 2.51389 5.30833 2.30833C5.51389 2.10278 5.77008 2 6.07692 2H11.2564C11.5632 2 11.8194 2.10278 12.025 2.30833C12.2306 2.51389 12.3333 2.77008 12.3333 3.07692V10.2564C12.3333 10.5632 12.2306 10.8194 12.025 11.025C11.8194 11.2306 11.5632 11.3333 11.2564 11.3333H6.07692ZM6.07692 10.6667H11.2564C11.359 10.6667 11.453 10.6239 11.5385 10.5385C11.6239 10.453 11.6667 10.359 11.6667 10.2564V3.07692C11.6667 2.97436 11.6239 2.88034 11.5385 2.79487C11.453 2.7094 11.359 2.66667 11.2564 2.66667H6.07692C5.97436 2.66667 5.88034 2.7094 5.79487 2.79487C5.7094 2.88034 5.66667 2.97436 5.66667 3.07692V10.2564C5.66667 10.359 5.7094 10.453 5.79487 10.5385C5.88034 10.6239 5.97436 10.6667 6.07692 10.6667ZM4.07692 13.3333C3.77008 13.3333 3.51389 13.2306 3.30833 13.025C3.10278 12.8194 3 12.5632 3 12.2564V4.41025H3.66667V12.2564C3.66667 12.359 3.7094 12.453 3.79487 12.5385C3.88033 12.6239 3.97435 12.6667 4.07692 12.6667H9.92308V13.3333H4.07692Z'
+          stroke='white'
+          strokeWidth='0.3'
+        />
+      </g>
+    </svg>
+  );
+};
+
+export default ContentCopyIcon;

package/src/trainsCrossIcon.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+interface CrossIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const CrossIcon: React.FC<CrossIconProps> = ({ width = 24, height = 24, color = '#1A1A1A' }) => (
+  <svg width={width} height={height} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M18 6L6 18M6 6L18 18' stroke={color} strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
+  </svg>
+);
+
+export default CrossIcon;

package/src/trainsDefaultFlag.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+interface DefaultFlagProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const DefaultFlag: React.FC<DefaultFlagProps> = () => {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <g clipPath='url(#clip0_6299_10735)'>
+        <rect width='24' height='24' rx='12' fill='white' />
+        <rect x='-5' width='33.6' height='24' fill='#F3F3F3' />
+      </g>
+      <defs>
+        <clipPath id='clip0_6299_10735'>
+          <rect width='24' height='24' rx='12' fill='white' />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default DefaultFlag;

package/src/trainsDestinationIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+interface DestinationIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const DestinationIcon: React.FC<DestinationIconProps> = ({ width = 24, height = 24, color = '#808080' }) => {
+  const lineColor = '#0F6BFF';
+  return (
+    <svg width={width} height={height} viewBox='0 0 24 24' fill='none'>
+      <path
+        d='M21 15H5C4.46957 15 3.96086 14.7893 3.58579 14.4142C3.21071 14.0391 3 13.5304 3 13C3 9.13 6.37 6 13 6H21V11H3.5M21 10V14M16 11V6M11 11V6.5'
+        stroke={color}
+        strokeWidth='1.5'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <path d='M21 19H3' stroke={lineColor} strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
+    </svg>
+  );
+};
+
+export default DestinationIcon;

package/src/trainsDownArrow.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+interface DownArrowProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const DownArrow: React.FC<DownArrowProps> = ({ width = 16, height = 16, color = '#0F6BFF' }) => (
+  <svg width={width} height={height} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M4.384 6.61607L7.71734 9.9494C7.87355 10.1056 8.12681 10.1056 8.28302 9.9494L11.6164 6.61607C11.7726 6.45986 11.7726 6.2066 11.6164 6.05039C11.4601 5.89418 11.2069 5.89418 11.0507 6.05039L8.00018 9.10088L4.94969 6.05039C4.79348 5.89418 4.54021 5.89418 4.384 6.05038C4.22779 6.20659 4.22779 6.45986 4.384 6.61607Z'
+      fill={color}
+    />
+  </svg>
+);
+
+export default DownArrow;

package/src/trainsEditPencil.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+interface EditPencilProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const EditPencil: React.FC<EditPencilProps> = ({ width = 24, height = 24, color = '#1A1A1A' }) => (
+  <svg width={width} height={height} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M19.4699 4.45739C18.6413 3.62879 17.2978 3.62879 16.4692 4.45739L14.0669 6.85973L17.0325 9.82531L19.4477 7.47987C20.2971 6.65502 20.3071 5.2946 19.4699 4.45739ZM4.8311 16.0955L13.3598 7.56684L16.315 10.522L7.66356 18.9234L4.44532 19.3097L4.8311 16.0955ZM15.7621 3.75028C16.9812 2.53116 18.9578 2.53115 20.177 3.75028C21.4088 4.98207 21.3941 6.98367 20.1444 8.19726L8.2391 19.7584C8.16054 19.8347 8.0591 19.8831 7.95036 19.8962L3.93264 20.3785C3.7803 20.3967 3.628 20.3441 3.5195 20.2356C3.411 20.1271 3.35833 19.9748 3.37661 19.8224L3.85883 15.8047C3.87218 15.6934 3.9225 15.5899 4.00171 15.5107L15.7621 3.75028ZM11.5 20C11.2239 20 11 20.2238 11 20.5C11 20.7761 11.2239 21 11.5 21H19.5C19.7761 21 20 20.7761 20 20.5C20 20.2238 19.7761 20 19.5 20H11.5Z'
+      fill={color}
+    />
+  </svg>
+);
+
+export default EditPencil;

package/src/trainsEmailIcon.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+interface EmailIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const EmailIcon: React.FC<EmailIconProps> = ({ width = 16, height = 16, color = '#1A1A1A' }) => (
+  <svg width={width} height={height} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path
+      d='M3.2 3.33203H12.8C13.46 3.33203 14 3.85703 14 4.4987V11.4987C14 12.1404 13.46 12.6654 12.8 12.6654H3.2C2.54 12.6654 2 12.1404 2 11.4987V4.4987C2 3.85703 2.54 3.33203 3.2 3.33203Z'
+      stroke={color}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    />
+    <path d='M14 4.66797L8 8.0013L2 4.66797' stroke={color} strokeLinecap='round' strokeLinejoin='round' />
+  </svg>
+);
+
+export default EmailIcon;

package/src/trainsEveningIcon.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+interface EveningIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+  selected?: boolean;
+}
+
+const EveningIcon: React.FC<EveningIconProps> = ({ width = 17, height = 17, color = '#1A1A1A', selected }) => {
+  const fillColor = selected ? '#3C6CE6' : color;
+
+  return (
+    <svg width={width} height={height} viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M8.5 16.7625C6.13333 16.7625 4.125 15.9375 2.475 14.2875C0.825 12.6375 0 10.6292 0 8.2625C0 6.29583 0.612666 4.5415 1.838 2.9995C3.06267 1.45817 4.69167 0.470833 6.725 0.0375C7.125 -0.0625 7.43767 0.0374998 7.663 0.3375C7.88767 0.6375 7.90833 0.9625 7.725 1.3125C7.50833 1.69583 7.35 2.0875 7.25 2.4875C7.15 2.8875 7.1 3.3125 7.1 3.7625C7.1 5.39583 7.675 6.7875 8.825 7.9375C9.975 9.0875 11.3667 9.6625 13 9.6625C13.5 9.6625 13.971 9.59983 14.413 9.4745C14.8543 9.34983 15.2417 9.20417 15.575 9.0375C15.9083 8.90417 16.2083 8.92917 16.475 9.1125C16.7417 9.29583 16.8333 9.57917 16.75 9.9625C16.4 11.9292 15.446 13.5542 13.888 14.8375C12.3293 16.1208 10.5333 16.7625 8.5 16.7625Z'
+        fill={fillColor}
+      />
+    </svg>
+  );
+};
+
+export default EveningIcon;

package/src/trainsFilterIcon.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+
+interface FilterIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const FilterIcon: React.FC<FilterIconProps> = () => {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <g clipPath='url(#clip0_4728_61041)'>
+        <rect width='24' height='24' fill='white' />
+        <mask
+          id='mask0_4728_61041'
+          style={{ maskType: 'alpha' }}
+          maskUnits='userSpaceOnUse'
+          x='0'
+          y='0'
+          width='24'
+          height='24'
+        >
+          <rect width='24' height='24' fill='#D9D9D9' />
+        </mask>
+        <g mask='url(#mask0_4728_61041)'>
+          <line
+            x1='16.9771'
+            y1='8.02'
+            x2='20.0171'
+            y2='8.02'
+            stroke='#1A1A1A'
+            strokeWidth='0.96'
+            strokeLinecap='round'
+          />
+          <line x1='3.98' y1='8.02' x2='12.02' y2='8.02' stroke='#1A1A1A' strokeWidth='0.96' strokeLinecap='round' />
+          <circle cx='14.5068' cy='8' r='2' stroke='#1A1A1A' strokeWidth='0.96' />
+          <line
+            x1='3.97707'
+            y1='16.0198'
+            x2='7.01707'
+            y2='16.0198'
+            stroke='#1A1A1A'
+            strokeWidth='0.96'
+            strokeLinecap='round'
+          />
+          <line
+            x1='11.98'
+            y1='16.0198'
+            x2='20.02'
+            y2='16.0198'
+            stroke='#1A1A1A'
+            strokeWidth='0.96'
+            strokeLinecap='round'
+          />
+          <circle cx='9.50684' cy='15.9998' r='2' stroke='#1A1A1A' strokeWidth='0.96' />
+        </g>
+      </g>
+      <defs>
+        <clipPath id='clip0_4728_61041'>
+          <rect width='24' height='24' fill='white' />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default FilterIcon;

package/src/trainsInfoIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+interface InfoIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const InfoIcon: React.FC<InfoIconProps> = ({ width = 19, height = 19, color = '#1A1A1A' }) => (
+  <svg width={width} height={height} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path
+      d='M8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5Z'
+      stroke={color}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    />
+    <path d='M8 10.6667V8' stroke={color} strokeLinecap='round' strokeLinejoin='round' />
+    <path d='M8 5.3335H8.00667' stroke={color} strokeLinecap='round' strokeLinejoin='round' />
+  </svg>
+);
+
+export default InfoIcon;

package/src/trainsIrctcLogo.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface IrctcLogoProps {
+  width?: number;
+  height?: number;
+}
+
+const IrctcLogo: React.FC<IrctcLogoProps> = ({ width = 16, height = 16 }) => {
+  return (
+    <svg width={width} height={height} viewBox='0 0 16 16' fill='none'>
+      <circle cx='8' cy='8' r='7' stroke='#808080' strokeWidth='1' fill='none' />
+      <path d='M5 5H11M5 8H11M5 11H11' stroke='#808080' strokeWidth='1' strokeLinecap='round' />
+    </svg>
+  );
+};
+
+export default IrctcLogo;

package/src/trainsLocationIcon.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+interface LocationIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+  /** When true (default), icon is filled; when false, outline only */
+  filled?: boolean;
+}
+
+const UNFOCUSED_PIN_PATH =
+  'M0 6.67009C0 1.20062 4.80833 0 6.66667 0C8.525 0 13.3333 1.20062 13.3333 6.67009C13.3333 10.5888 7.2 15.9332 6.94167 16.1583C6.94167 16.1583 6.91666 16.175 6.90833 16.175C6.89999 16.175 6.88333 16.1833 6.875 16.1916C6.875 16.1916 6.86666 16.1916 6.85833 16.2083C6.85833 16.2083 6.84166 16.2166 6.83333 16.2166C6.78333 16.2333 6.725 16.25 6.675 16.25C6.61666 16.25 6.56667 16.2333 6.51667 16.2166C6.51667 16.2166 6.50834 16.2166 6.5 16.2083C6.5 16.2083 6.48334 16.1916 6.475 16.1916C6.46667 16.1916 6.45 16.175 6.44166 16.175C6.43333 16.175 6.41667 16.1666 6.40834 16.1583C6.15 15.9332 0.0166639 10.5888 0.0166639 6.67009H0ZM0.833333 6.67009C0.833333 9.78001 5.48333 14.2073 6.66667 15.2828C7.85 14.2073 12.5 9.78001 12.5 6.67009C12.5 0.992175 6.725 0.833761 6.66667 0.833761C6.60833 0.833761 0.833333 0.992175 0.833333 6.67009ZM4.16667 6.67009C4.16667 5.29438 5.29167 4.1688 6.66667 4.1688C8.04167 4.1688 9.16667 5.29438 9.16667 6.67009C9.16667 8.04579 8.04167 9.17137 6.66667 9.17137C5.29167 9.17137 4.16667 8.04579 4.16667 6.67009ZM5 6.67009C5 7.58722 5.75 8.33761 6.66667 8.33761C7.58333 8.33761 8.33333 7.58722 8.33333 6.67009C8.33333 5.75295 7.58333 5.00256 6.66667 5.00256C5.75 5.00256 5 5.75295 5 6.67009Z';
+
+const LOCATION_MASK_ID = 'location-outline-mask';
+
+const LocationIcon: React.FC<LocationIconProps> = ({ width = 20, height = 20, color = '#808080', filled = true }) => {
+  if (filled) {
+    return (
+      <svg width={width} height={height} viewBox='0 0 20 20' fill='none'>
+        <path
+          d='M16 8.63636C16 13.4091 10 17.5 10 17.5C10 17.5 4 13.4091 4 8.63636C4 7.0089 4.63214 5.44809 5.75736 4.2973C6.88258 3.14651 8.4087 2.5 10 2.5C11.5913 2.5 13.1174 3.14651 14.2426 4.2973C15.3679 5.44809 16 7.0089 16 8.63636Z'
+          fill={color}
+          stroke={color}
+          strokeLinecap='round'
+          strokeLinejoin='round'
+        />
+        <path
+          d='M10 10.75C11.2426 10.75 12.25 9.74264 12.25 8.5C12.25 7.25736 11.2426 6.25 10 6.25C8.75736 6.25 7.75 7.25736 7.75 8.5C7.75 9.74264 8.75736 10.75 10 10.75Z'
+          fill='white'
+        />
+      </svg>
+    );
+  }
+
+  return (
+    <svg width={width} height={height} viewBox='0 0 14 17' fill='none'>
+      <defs>
+        <mask id={LOCATION_MASK_ID}>
+          <path fillRule='evenodd' clipRule='evenodd' fill='white' d={UNFOCUSED_PIN_PATH} />
+        </mask>
+      </defs>
+      <path fillRule='evenodd' clipRule='evenodd' d={UNFOCUSED_PIN_PATH} fill={color} />
+      <path
+        fill={color}
+        mask={`url(#${LOCATION_MASK_ID})`}
+        d='M0 6.67009H-1V7.67009H0L0 6.67009ZM6.94167 16.1583L7.49624 16.9904L7.54997 16.9546L7.59864 16.9122L6.94167 16.1583ZM6.875 16.1916L6.87543 17.1916L7.28954 17.1915L7.58229 16.8986L6.875 16.1916ZM6.85833 16.2083L7.30555 17.1027L7.60379 16.9536L7.75285 16.6553L6.85833 16.2083ZM6.83333 16.2166V15.2166H6.67097L6.51696 15.268L6.83333 16.2166ZM6.51667 16.2166L6.83305 15.268L6.67876 15.2166L6.51612 15.2166L6.51667 16.2166ZM6.5 16.2083L5.79262 16.9151L5.79271 16.9152L6.5 16.2083ZM6.40834 16.1583L7.11562 15.4514L7.09127 15.427L7.06531 15.4044L6.40834 16.1583ZM0.0166639 6.67009H1.01666V5.67009H0.0166639V6.67009ZM6.66667 15.2828L5.99406 16.0228L6.66667 16.6342L7.33927 16.0228L6.66667 15.2828ZM0 6.67009H1C1 4.28523 2.0225 2.91773 3.20209 2.10865C4.43774 1.26112 5.89647 1 6.66667 1V0V-1C5.57853 -1 3.70393 -0.660813 2.07083 0.459334C0.381667 1.61793 -1 3.58547 -1 6.67009H0ZM6.66667 0V1C7.43686 1 8.8956 1.26112 10.1312 2.10865C11.3108 2.91773 12.3333 4.28523 12.3333 6.67009H13.3333H14.3333C14.3333 3.58547 12.9517 1.61793 11.2625 0.459334C9.6294 -0.660813 7.75481 -1 6.66667 -1V0ZM13.3333 6.67009H12.3333C12.3333 7.40761 12.0376 8.30252 11.4942 9.29322C10.9586 10.2696 10.2289 11.2557 9.47034 12.1541C7.95396 13.9499 6.4011 15.3029 6.2847 15.4044L6.94167 16.1583L7.59864 16.9122C7.74057 16.7885 9.38354 15.3568 10.9984 13.4444C11.8054 12.4887 12.6252 11.39 13.2477 10.2551C13.8624 9.13454 14.3333 7.8919 14.3333 6.67009H13.3333ZM6.94167 16.1583C6.38709 15.3262 6.38715 15.3261 6.38722 15.3261C6.38724 15.3261 6.3873 15.326 6.38734 15.326C6.38742 15.3259 6.38751 15.3259 6.38759 15.3258C6.38776 15.3257 6.38792 15.3256 6.38809 15.3255C6.38842 15.3253 6.38875 15.3251 6.38908 15.3248C6.38974 15.3244 6.39039 15.324 6.39105 15.3235C6.39236 15.3227 6.39368 15.3218 6.39502 15.3209C6.39767 15.3192 6.40058 15.3173 6.40375 15.3153C6.40929 15.3118 6.4191 15.3057 6.43209 15.2983C6.4418 15.2928 6.47069 15.2764 6.51099 15.2585C6.53109 15.2496 6.56873 15.2336 6.61811 15.2184C6.65517 15.207 6.76397 15.175 6.90833 15.175V16.175V17.175C7.05476 17.175 7.16617 17.1423 7.20619 17.13C7.25854 17.1139 7.2995 17.0967 7.32311 17.0862C7.37045 17.0652 7.40715 17.0446 7.42416 17.0349C7.44444 17.0233 7.46102 17.0131 7.47151 17.0065C7.47715 17.0029 7.48208 16.9997 7.48613 16.9971C7.48817 16.9957 7.49004 16.9945 7.49172 16.9934C7.49256 16.9929 7.49336 16.9923 7.49411 16.9918C7.49449 16.9916 7.49486 16.9913 7.49521 16.9911C7.49539 16.991 7.49556 16.9909 7.49574 16.9908C7.49582 16.9907 7.49591 16.9906 7.49599 16.9906C7.49604 16.9906 7.4961 16.9905 7.49612 16.9905C7.49618 16.9905 7.49624 16.9904 6.94167 16.1583ZM6.90833 16.175V15.175C6.66119 15.175 6.48076 15.2676 6.44408 15.2859C6.37573 15.3201 6.27069 15.3817 6.16771 15.4847L6.875 16.1916L7.58229 16.8986C7.48765 16.9932 7.3951 17.0465 7.33924 17.0744C7.30526 17.0914 7.25992 17.1115 7.20427 17.1292C7.16064 17.1431 7.05218 17.175 6.90833 17.175V16.175ZM6.875 16.1916C6.87457 15.1916 6.8736 15.1916 6.87262 15.1916C6.87229 15.1916 6.87131 15.1916 6.87066 15.1916C6.86935 15.1916 6.86804 15.1917 6.86673 15.1917C6.8641 15.1917 6.86147 15.1917 6.85882 15.1918C6.85353 15.1918 6.8482 15.192 6.84282 15.1921C6.83207 15.1925 6.82117 15.193 6.8101 15.1937C6.78798 15.1952 6.76527 15.1974 6.74206 15.2005C6.69553 15.2067 6.64745 15.2165 6.59848 15.2305C6.49911 15.2589 6.40326 15.3028 6.31484 15.3618C6.13606 15.4811 6.02726 15.6343 5.96381 15.7613L6.85833 16.2083L7.75285 16.6553C7.69773 16.7656 7.59727 16.9105 7.42474 17.0256C7.33944 17.0825 7.2462 17.1254 7.14865 17.1533C7.1006 17.1671 7.05323 17.1767 7.00719 17.1828C6.98423 17.1859 6.96171 17.1881 6.9397 17.1895C6.92871 17.1902 6.91785 17.1908 6.90713 17.1911C6.90177 17.1913 6.89645 17.1914 6.89117 17.1915C6.88852 17.1915 6.88589 17.1916 6.88327 17.1916C6.88196 17.1916 6.88065 17.1916 6.87934 17.1916C6.87869 17.1916 6.87771 17.1916 6.87738 17.1916C6.8764 17.1916 6.87543 17.1916 6.875 16.1916ZM6.85833 16.2083C6.41111 15.3139 6.41119 15.3138 6.41128 15.3138C6.41131 15.3138 6.4114 15.3137 6.41146 15.3137C6.41157 15.3137 6.41169 15.3136 6.41181 15.3135C6.41204 15.3134 6.41228 15.3133 6.41251 15.3132C6.41298 15.313 6.41345 15.3127 6.41393 15.3125C6.41488 15.312 6.41584 15.3115 6.41681 15.3111C6.41876 15.3101 6.42077 15.3091 6.42284 15.3081C6.42695 15.3061 6.43153 15.304 6.43653 15.3017C6.44579 15.2974 6.45988 15.2911 6.47756 15.284C6.49315 15.2778 6.52453 15.2657 6.56603 15.2538C6.59231 15.2463 6.69568 15.2166 6.83333 15.2166V16.2166V17.2166C6.97515 17.2166 7.08373 17.1859 7.11547 17.1769C7.16244 17.1634 7.19955 17.1493 7.22035 17.141C7.24324 17.1318 7.26202 17.1234 7.27466 17.1176C7.28136 17.1145 7.2873 17.1117 7.29235 17.1092C7.2949 17.108 7.29728 17.1068 7.29947 17.1057C7.30057 17.1052 7.30162 17.1047 7.30263 17.1042C7.30314 17.1039 7.30364 17.1037 7.30412 17.1034C7.30437 17.1033 7.30461 17.1032 7.30485 17.1031C7.30496 17.103 7.30508 17.103 7.3052 17.1029C7.30526 17.1029 7.30535 17.1028 7.30538 17.1028C7.30546 17.1028 7.30555 17.1027 6.85833 16.2083ZM6.83333 16.2166L6.51696 15.268C6.50519 15.2719 6.51195 15.2692 6.52914 15.2652C6.53865 15.263 6.5553 15.2595 6.5777 15.2564C6.59972 15.2534 6.63304 15.25 6.675 15.25V16.25V17.25C6.90352 17.25 7.09942 17.182 7.1497 17.1653L6.83333 16.2166ZM6.675 16.25V15.25C6.74313 15.25 6.79635 15.26 6.82628 15.2672C6.84032 15.2706 6.84922 15.2734 6.84998 15.2736C6.85044 15.2737 6.84962 15.2735 6.84666 15.2725C6.84341 15.2715 6.83975 15.2702 6.83305 15.268L6.51667 16.2166L6.2003 17.1653C6.23449 17.1767 6.43145 17.25 6.675 17.25V16.25ZM6.51667 16.2166C6.51612 15.2166 6.51661 15.2166 6.5171 15.2166C6.51726 15.2166 6.51775 15.2166 6.51808 15.2166C6.51873 15.2166 6.51939 15.2166 6.52005 15.2166C6.52136 15.2167 6.52267 15.2167 6.524 15.2167C6.52664 15.2167 6.5293 15.2167 6.53198 15.2168C6.53734 15.2168 6.54278 15.217 6.54829 15.2171C6.55931 15.2175 6.57066 15.218 6.58232 15.2188C6.60559 15.2203 6.6303 15.2228 6.65622 15.2265C6.70791 15.2339 6.76581 15.2463 6.82744 15.2668C6.95419 15.309 7.08919 15.3832 7.20729 15.5014L6.5 16.2083L5.79271 16.9152C5.91915 17.0417 6.06249 17.1201 6.19548 17.1644C6.26024 17.1859 6.32075 17.1989 6.37426 17.2065C6.40109 17.2103 6.42652 17.2129 6.45028 17.2144C6.46218 17.2152 6.47372 17.2158 6.48486 17.2161C6.49044 17.2163 6.49592 17.2164 6.50132 17.2165C6.50401 17.2166 6.50669 17.2166 6.50934 17.2166C6.51066 17.2166 6.51198 17.2166 6.5133 17.2166C6.51395 17.2166 6.51461 17.2166 6.51526 17.2166C6.51559 17.2166 6.51608 17.2166 6.51624 17.2166C6.51673 17.2166 6.51722 17.2166 6.51667 16.2166ZM6.5 16.2083C7.20739 15.5015 7.2073 15.5014 7.20721 15.5013C7.20719 15.5013 7.2071 15.5012 7.20704 15.5011C7.20692 15.501 7.20681 15.5009 7.20669 15.5008C7.20645 15.5005 7.20622 15.5003 7.20597 15.5001C7.20549 15.4996 7.205 15.4991 7.20449 15.4986C7.20349 15.4976 7.20243 15.4966 7.20133 15.4955C7.19914 15.4933 7.19674 15.491 7.19415 15.4885C7.18902 15.4835 7.18287 15.4777 7.17583 15.4712C7.16283 15.4591 7.14205 15.4405 7.11562 15.4193C7.09311 15.4013 7.04489 15.3639 6.97885 15.3262C6.94967 15.3095 6.75355 15.1916 6.475 15.1916V16.1916V17.1916C6.31877 17.1916 6.19873 17.1547 6.1365 17.1321C6.06862 17.1074 6.01697 17.08 5.986 17.0623C5.92543 17.0277 5.88294 16.9945 5.86564 16.9806C5.84442 16.9636 5.82832 16.9491 5.8187 16.9402C5.81336 16.9353 5.80858 16.9308 5.80439 16.9267C5.80227 16.9247 5.80024 16.9227 5.79829 16.9208C5.79732 16.9198 5.79636 16.9189 5.79541 16.9179C5.79494 16.9175 5.79447 16.917 5.79401 16.9165C5.79377 16.9163 5.79354 16.9161 5.79331 16.9158C5.79319 16.9157 5.79308 16.9156 5.79296 16.9155C5.79291 16.9154 5.79282 16.9153 5.79279 16.9153C5.7927 16.9152 5.79262 16.9151 6.5 16.2083ZM6.475 16.1916V15.1916C6.55665 15.1916 6.626 15.2017 6.67879 15.2128C6.7319 15.2239 6.77615 15.2378 6.80956 15.2498C6.84332 15.2619 6.87147 15.2741 6.89291 15.2841C6.91457 15.2943 6.93267 15.3037 6.94648 15.3112C6.96041 15.3188 6.97198 15.3256 6.98062 15.3308C6.98931 15.336 6.99636 15.3405 7.0012 15.3435C7.00604 15.3466 7.00973 15.3491 7.0115 15.3502C7.01309 15.3513 7.01433 15.3521 7.0132 15.3514C7.01277 15.3511 7.00996 15.3492 7.00682 15.3471C7.00349 15.3449 6.99826 15.3415 6.99189 15.3374C6.98552 15.3334 6.97695 15.328 6.96677 15.3218C6.95665 15.3158 6.94361 15.3081 6.92825 15.2998C6.91301 15.2914 6.8935 15.2813 6.87049 15.2705C6.84768 15.2599 6.81821 15.2471 6.78318 15.2345C6.74851 15.2221 6.70304 15.2079 6.64877 15.1965C6.59481 15.1851 6.52435 15.175 6.44166 15.175V16.175V17.175C6.36002 17.175 6.29066 17.1649 6.23787 17.1538C6.18477 17.1427 6.14052 17.1288 6.10711 17.1168C6.07335 17.1047 6.0452 17.0925 6.02375 17.0825C6.0021 17.0723 5.98399 17.0629 5.97018 17.0554C5.95626 17.0478 5.94468 17.041 5.93605 17.0358C5.92736 17.0306 5.92031 17.0261 5.91547 17.023C5.91063 17.0199 5.90694 17.0175 5.90516 17.0164C5.90358 17.0153 5.90233 17.0145 5.90346 17.0152C5.9039 17.0155 5.9067 17.0174 5.90984 17.0195C5.91317 17.0217 5.91841 17.0251 5.92478 17.0292C5.93115 17.0332 5.93972 17.0386 5.94989 17.0447C5.96002 17.0508 5.97306 17.0584 5.98842 17.0668C6.00366 17.0751 6.02316 17.0853 6.04618 17.0961C6.06899 17.1067 6.09846 17.1195 6.13348 17.132C6.16816 17.1445 6.21363 17.1587 6.2679 17.1701C6.32186 17.1814 6.39232 17.1916 6.475 17.1916V16.1916ZM6.44166 16.175V15.175C6.5853 15.175 6.69361 15.2067 6.73725 15.2206C6.79287 15.2383 6.8382 15.2583 6.87221 15.2753C6.92809 15.3033 7.02082 15.3565 7.11562 15.4514L6.40834 16.1583L5.70105 16.8652C5.80418 16.9684 5.90941 17.03 5.97778 17.0642C6.01461 17.0826 6.19484 17.175 6.44166 17.175V16.175ZM6.40834 16.1583L7.06531 15.4044C6.9489 15.3029 5.39604 13.9499 3.87966 12.1541C3.12106 11.2557 2.39136 10.2696 1.85579 9.29322C1.31237 8.30252 1.01666 7.40761 1.01666 6.67009H0.0166639H-0.983336C-0.983336 7.8919 -0.512372 9.13454 0.102274 10.2551C0.724787 11.39 1.54457 12.4887 2.35159 13.4444C3.96646 15.3568 5.60943 16.7885 5.75136 16.9122L6.40834 16.1583ZM0.0166639 6.67009V5.67009H0L0 6.67009L0 7.67009H0.0166639V6.67009ZM0.833333 6.67009H-0.166667C-0.166667 7.6787 0.203922 8.70597 0.692191 9.63989C1.18743 10.5872 1.84825 11.5218 2.52688 12.3659C3.88448 14.0546 5.38621 15.4704 5.99406 16.0228L6.66667 15.2828L7.33927 14.5428C6.76379 14.0198 5.34885 12.6841 4.08562 11.1128C3.45383 10.3269 2.87819 9.50439 2.46458 8.71326C2.04399 7.9088 1.83333 7.21644 1.83333 6.67009H0.833333ZM6.66667 15.2828L7.33927 16.0228C7.94712 15.4704 9.44885 14.0546 10.8065 12.3659C11.4851 11.5218 12.1459 10.5872 12.6411 9.63989C13.1294 8.70597 13.5 7.6787 13.5 6.67009H12.5H11.5C11.5 7.21644 11.2893 7.9088 10.8688 8.71326C10.4551 9.50439 9.8795 10.3269 9.24771 11.1128C7.98448 12.6841 6.56954 14.0198 5.99406 14.5428L6.66667 15.2828ZM12.5 6.67009H13.5C13.5 5.07189 13.0906 3.80053 12.4287 2.80801C11.7717 1.82269 10.9033 1.16761 10.0641 0.73419C8.41448 -0.117675 6.77638 -0.166239 6.66667 -0.166239V0.833761V1.83376C6.61528 1.83376 7.89385 1.8644 9.14636 2.51122C9.75812 2.82714 10.3371 3.27628 10.7647 3.91757C11.1876 4.55167 11.5 5.42932 11.5 6.67009H12.5ZM6.66667 0.833761V-0.166239C6.55695 -0.166239 4.91885 -0.117675 3.26928 0.73419C2.42999 1.16761 1.56161 1.82269 0.904591 2.80801C0.242773 3.80053 -0.166667 5.07189 -0.166667 6.67009H0.833333H1.83333C1.83333 5.42932 2.14577 4.55167 2.56859 3.91757C2.9962 3.27628 3.57522 2.82714 4.18697 2.51122C5.43948 1.8644 6.71805 1.83376 6.66667 1.83376V0.833761ZM4.16667 6.67009H5.16667C5.16667 5.84618 5.84443 5.1688 6.66667 5.1688V4.1688V3.1688C4.7389 3.1688 3.16667 4.74258 3.16667 6.67009H4.16667ZM6.66667 4.1688V5.1688C7.4889 5.1688 8.16667 5.84618 8.16667 6.67009H9.16667H10.1667C10.1667 4.74258 8.59443 3.1688 6.66667 3.1688V4.1688ZM9.16667 6.67009H8.16667C8.16667 7.49399 7.4889 8.17137 6.66667 8.17137V9.17137V10.1714C8.59443 10.1714 10.1667 8.59759 10.1667 6.67009H9.16667ZM6.66667 9.17137V8.17137C5.84443 8.17137 5.16667 7.49399 5.16667 6.67009H4.16667H3.16667C3.16667 8.59759 4.7389 10.1714 6.66667 10.1714V9.17137ZM5 6.67009H4C4 8.13902 5.19723 9.33761 6.66667 9.33761V8.33761V7.33761C6.30277 7.33761 6 7.03542 6 6.67009H5ZM6.66667 8.33761V9.33761C8.1361 9.33761 9.33333 8.13902 9.33333 6.67009H8.33333H7.33333C7.33333 7.03542 7.03057 7.33761 6.66667 7.33761V8.33761ZM8.33333 6.67009H9.33333C9.33333 5.20115 8.1361 4.00256 6.66667 4.00256V5.00256V6.00256C7.03057 6.00256 7.33333 6.30475 7.33333 6.67009H8.33333ZM6.66667 5.00256V4.00256C5.19723 4.00256 4 5.20115 4 6.67009H5H6C6 6.30475 6.30277 6.00256 6.66667 6.00256V5.00256Z'
+      />
+    </svg>
+  );
+};
+
+export default LocationIcon;

package/src/trainsMorningIcon.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+
+interface MorningIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+  selected?: boolean;
+}
+
+const MorningIcon: React.FC<MorningIconProps> = ({ width = 20, height = 13, color = '#1A1A1A', selected }) => {
+  const fillColor = selected ? '#3C6CE6' : color;
+
+  return (
+    <svg width={width} height={height} viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M0.218462 12.1669C0.363419 12.3118 0.547009 12.3843 0.769231 12.3843H19.2308C19.453 12.3843 19.6369 12.3118 19.7826 12.1669C19.9275 12.0212 20 11.8373 20 11.6151C20 11.3929 19.9275 11.2089 19.7826 11.0633C19.6369 10.9183 19.453 10.8459 19.2308 10.8459H0.769231C0.547009 10.8459 0.363419 10.9183 0.218462 11.0633C0.0728206 11.2089 0 11.3929 0 11.6151C0 11.8373 0.0728206 12.0212 0.218462 12.1669Z'
+        fill={fillColor}
+      />
+      <path
+        d='M16.2944 7.50031C16.1494 7.64527 16.0769 7.82886 16.0769 8.05108C16.0769 8.2733 16.1494 8.45724 16.2944 8.60288C16.44 8.74783 16.6239 8.82031 16.8462 8.82031H18.2308C18.453 8.82031 18.6369 8.74783 18.7826 8.60288C18.9275 8.45724 19 8.2733 19 8.05108C19 7.82886 18.9275 7.64527 18.7826 7.50031C18.6369 7.35467 18.453 7.28185 18.2308 7.28185H16.8462C16.6239 7.28185 16.44 7.35467 16.2944 7.50031Z'
+        fill={fillColor}
+      />
+      <path
+        d='M14.4615 3.93621C14.4615 4.14954 14.5385 4.33313 14.6923 4.48698C14.8462 4.62373 15.0297 4.69211 15.2431 4.69211C15.4571 4.69211 15.6325 4.62373 15.7692 4.48698L16.7436 3.48698C16.8974 3.33313 16.9788 3.15364 16.9877 2.94852C16.9959 2.74339 16.9145 2.5639 16.7436 2.41006C16.5897 2.25621 16.4103 2.17929 16.2051 2.17929C16 2.17929 15.8291 2.25621 15.6923 2.41006L14.6923 3.38441C14.5385 3.53826 14.4615 3.72219 14.4615 3.93621Z'
+        fill={fillColor}
+      />
+      <path
+        d='M13.4103 5.55057C12.5043 4.65347 11.4103 4.20493 10.1282 4.20493C8.84615 4.20493 7.75214 4.65347 6.84615 5.55057C5.94017 6.44835 5.48718 7.53826 5.48718 8.82031H7.02564C7.02564 7.96561 7.32923 7.23912 7.93641 6.64083C8.54291 6.04253 9.2735 5.74339 10.1282 5.74339C10.9829 5.74339 11.7135 6.04253 12.32 6.64083C12.9272 7.23912 13.2308 7.96561 13.2308 8.82031H14.7692C14.7692 7.53826 14.3162 6.44835 13.4103 5.55057Z'
+        fill={fillColor}
+      />
+      <path
+        d='M9.57641 2.70544C9.72205 2.8504 9.90598 2.92288 10.1282 2.92288C10.3504 2.92288 10.534 2.8504 10.679 2.70544C10.8246 2.5598 10.8974 2.37587 10.8974 2.15365V0.76903C10.8974 0.546808 10.8246 0.363218 10.679 0.218261C10.534 0.0726194 10.3504 -0.000201225 10.1282 -0.000201225C9.90598 -0.000201225 9.72205 0.0726194 9.57641 0.218261C9.43145 0.363218 9.35897 0.546808 9.35897 0.76903V2.15365C9.35897 2.37587 9.43145 2.5598 9.57641 2.70544Z'
+        fill={fillColor}
+      />
+      <path
+        d='M5.01231 4.69211C5.22632 4.69211 5.40171 4.62373 5.53846 4.48698C5.69231 4.33313 5.76923 4.15365 5.76923 3.94852C5.76923 3.74339 5.70085 3.5639 5.5641 3.41006L4.5641 2.41006C4.41026 2.25621 4.23077 2.17929 4.02564 2.17929C3.82051 2.17929 3.63248 2.25621 3.46154 2.41006C3.30769 2.581 3.23521 2.76459 3.2441 2.96082C3.25231 3.15775 3.33333 3.33313 3.48718 3.48698L4.48718 4.48698C4.62393 4.62373 4.79897 4.69211 5.01231 4.69211Z'
+        fill={fillColor}
+      />
+      <path
+        d='M1.47385 7.50031C1.32889 7.64527 1.25641 7.82886 1.25641 8.05108C1.25641 8.2733 1.32889 8.45724 1.47385 8.60288C1.61949 8.74783 1.80342 8.82031 2.02564 8.82031H3.41026C3.63248 8.82031 3.81607 8.74783 3.96102 8.60288C4.10667 8.45724 4.17949 8.2733 4.17949 8.05108C4.17949 7.82886 4.10667 7.64527 3.96102 7.50031C3.81607 7.35467 3.63248 7.28185 3.41026 7.28185H2.02564C1.80342 7.28185 1.61949 7.35467 1.47385 7.50031Z'
+        fill={fillColor}
+      />
+    </svg>
+  );
+};
+
+export default MorningIcon;

package/src/trainsNavigationIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+interface NavigationIconProps {
+  width?: number;
+  height?: number;
+  color?: string;
+}
+
+const NavigationIcon: React.FC<NavigationIconProps> = ({ width = 24, height = 24, color = '#0F6BFF' }) => {
+  return (
+    <svg width={width} height={height} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM7.47476 11.771L15.8147 8.43498L12.4787 16.7749L11.1685 13.3684C11.1177 13.2363 11.0134 13.132 10.8813 13.0812L7.47476 11.771ZM17.0898 7.93979C17.2857 7.45001 16.7997 6.96395 16.3099 7.15987L6.15664 11.2212C5.65014 11.4238 5.65492 12.1424 6.16409 12.3383L10.3149 13.9348L11.9114 18.0856C12.1073 18.5948 12.8259 18.5996 13.0285 18.0931L17.0898 7.93979Z'
+        fill={color}
+      />
+    </svg>
+  );
+};
+
+export default NavigationIcon;