@qite/tide-booking-component 1.4.40 → 1.4.41

package/build/build-cjs/index.js

@@ -14071,7 +14071,7 @@ HTMLComment.propTypes = {
   text: PropTypes.string
 };
 
-var Icon$4 = function (_a) {
+var Icon$5 = function (_a) {
   var name = _a.name,
     className = _a.className,
     title = _a.title,
@@ -14466,13 +14466,13 @@ var Calendar$1 = function (_a) {
         React__default['default'].createElement(
           'div',
           { className: buildClassName(['calendar__previous', !hasPreviousButton && 'calendar__previous--disabled']), onClick: handlePreviousClick },
-          React__default['default'].createElement(Icon$4, { name: 'ui-chevron' })
+          React__default['default'].createElement(Icon$5, { name: 'ui-chevron' })
         ),
         React__default['default'].createElement('div', { className: 'calendar__current-month' }, dateFns.format(focusDate, 'MMMM yyyy', { locale: locale })),
         React__default['default'].createElement(
           'div',
           { className: buildClassName(['calendar__next', !hasNextButton && 'calendar__next--disabled']), onClick: handleNextClick },
-          React__default['default'].createElement(Icon$4, { name: 'ui-chevron' })
+          React__default['default'].createElement(Icon$5, { name: 'ui-chevron' })
         )
       ),
       React__default['default'].createElement(
@@ -14740,7 +14740,7 @@ var Dates = function (_a) {
     React__default['default'].createElement(
       'div',
       { className: 'booking-product__dates-title' },
-      React__default['default'].createElement(Icon$4, { name: 'ui-calendar', width: 25, height: 25 }),
+      React__default['default'].createElement(Icon$5, { name: 'ui-calendar', width: 25, height: 25 }),
       translations.PRODUCT.TRAVEL_PERIOD
     ),
     React__default['default'].createElement(
@@ -14807,7 +14807,7 @@ var Dates = function (_a) {
                 return setPanelActive(false);
               }
             },
-            React__default['default'].createElement(Icon$4, { name: 'ui-close', height: 25, width: 25 })
+            React__default['default'].createElement(Icon$5, { name: 'ui-close', height: 25, width: 25 })
           )
       )
     )
@@ -14879,9 +14879,9 @@ var Rating = function (_a) {
     'div',
     { className: 'rating' },
     lodash.range(0, Math.floor(clampedRating)).map(function (i) {
-      return React__default['default'].createElement(Icon$4, { name: 'ui-star', key: 'rating-star-'.concat(i), width: 25, height: 25 });
+      return React__default['default'].createElement(Icon$5, { name: 'ui-star', key: 'rating-star-'.concat(i), width: 25, height: 25 });
     }),
-    rating % 1 > 0 && React__default['default'].createElement(Icon$4, { name: 'ui-halfstar', width: 25, height: 25 })
+    rating % 1 > 0 && React__default['default'].createElement(Icon$5, { name: 'ui-halfstar', width: 25, height: 25 })
   );
 };
 
@@ -14919,19 +14919,19 @@ var Header$1 = function (_a) {
                 React__default['default'].createElement(
                   'div',
                   { className: 'package-icons__icon' },
-                  React__default['default'].createElement(Icon$4, { name: 'ui-bed', title: translations.PRODUCT.STAY_INCLUDED, width: 25, height: 25 })
+                  React__default['default'].createElement(Icon$5, { name: 'ui-bed', title: translations.PRODUCT.STAY_INCLUDED, width: 25, height: 25 })
                 ),
               hasFlight &&
                 React__default['default'].createElement(
                   'div',
                   { className: 'package-icons__icon' },
-                  React__default['default'].createElement(Icon$4, { name: 'ui-flight', title: translations.PRODUCT.FLIGHT_INCLUDED, width: 25, height: 25 })
+                  React__default['default'].createElement(Icon$5, { name: 'ui-flight', title: translations.PRODUCT.FLIGHT_INCLUDED, width: 25, height: 25 })
                 ),
               hasTransfer &&
                 React__default['default'].createElement(
                   'div',
                   { className: 'package-icons__icon' },
-                  React__default['default'].createElement(Icon$4, { name: 'ui-transfer', title: translations.PRODUCT.TRANSFER_INCLUDED, width: 25, height: 25 })
+                  React__default['default'].createElement(Icon$5, { name: 'ui-transfer', title: translations.PRODUCT.TRANSFER_INCLUDED, width: 25, height: 25 })
                 )
             )
           )
@@ -15052,14 +15052,14 @@ var AmountInput = function (_a) {
         React__default['default'].createElement(
           'button',
           { type: 'button', className: 'button button--decrement', title: translations.INPUT.DECREASE, disabled: disabled, onClick: handleDecreaseClick },
-          React__default['default'].createElement(Icon$4, { name: 'ui-min' })
+          React__default['default'].createElement(Icon$5, { name: 'ui-min' })
         ),
       React__default['default'].createElement('span', null, value),
       !disabled &&
         React__default['default'].createElement(
           'button',
           { type: 'button', className: 'button button--increment', title: translations.INPUT.INCREASE, disabled: disabled, onClick: handleIncreaseClick },
-          React__default['default'].createElement(Icon$4, { name: 'ui-plus' })
+          React__default['default'].createElement(Icon$5, { name: 'ui-plus' })
         )
     )
   );
@@ -15094,7 +15094,7 @@ var Rooms = function (_a) {
     React__default['default'].createElement(
       'div',
       { className: 'booking-product__rooms-title' },
-      React__default['default'].createElement(Icon$4, { name: 'ui-user', width: 25, height: 25 }),
+      React__default['default'].createElement(Icon$5, { name: 'ui-user', width: 25, height: 25 }),
       translations.PRODUCT.WHO_YOU_TRAVELING_WITH
     ),
     React__default['default'].createElement(
@@ -15249,7 +15249,7 @@ var Rooms = function (_a) {
               React__default['default'].createElement(
                 'span',
                 null,
-                React__default['default'].createElement(Icon$4, { name: 'ui-pencil', width: 25, height: 25 }),
+                React__default['default'].createElement(Icon$5, { name: 'ui-pencil', width: 25, height: 25 }),
                 translations.PRODUCT.EDIT
               )
             )
@@ -15264,7 +15264,7 @@ var Rooms = function (_a) {
               React__default['default'].createElement(
                 'span',
                 null,
-                React__default['default'].createElement(Icon$4, { name: 'ui-check' }),
+                React__default['default'].createElement(Icon$5, { name: 'ui-check' }),
                 translations.PRODUCT.APPLY
               )
             )
@@ -17575,7 +17575,7 @@ var useAppDispatch = function () {
   return reactRedux.useDispatch();
 };
 
-var Icon$3 = function (_a) {
+var Icon$4 = function (_a) {
   var name = _a.name,
     className = _a.className,
     title = _a.title,
@@ -18135,7 +18135,7 @@ var Message = function (_a) {
   return React__default['default'].createElement(
     'div',
     { className: buildClassName(['booking-message', type === 'error' && 'booking-message--error', type === 'success' && 'booking-message--success']) },
-    type === 'error' && React__default['default'].createElement(Icon$3, { name: 'ui-error' }),
+    type === 'error' && React__default['default'].createElement(Icon$4, { name: 'ui-error' }),
     React__default['default'].createElement('h4', { className: 'booking-message__heading' }, title),
     React__default['default'].createElement('div', { className: 'booking-message__text' }, children),
     actionComponent && React__default['default'].createElement('div', { className: 'booking-message__actions' }, actionComponent)
@@ -18185,17 +18185,17 @@ var Confirmation = function () {
                 React__default['default'].createElement(
                   'a',
                   { href: 'tel://'.concat(settings.companyContactPhone), className: 'sm__icon' },
-                  React__default['default'].createElement(Icon$3, { name: 'tel' })
+                  React__default['default'].createElement(Icon$4, { name: 'tel' })
                 ),
                 React__default['default'].createElement(
                   'a',
                   { href: 'mailto://'.concat(settings.companyContactEmail), className: 'sm__icon' },
-                  React__default['default'].createElement(Icon$3, { name: 'mail' })
+                  React__default['default'].createElement(Icon$4, { name: 'mail' })
                 ),
                 React__default['default'].createElement(
                   'a',
                   { href: '/', className: 'sm__icon' },
-                  React__default['default'].createElement(Icon$3, { name: 'home' })
+                  React__default['default'].createElement(Icon$4, { name: 'home' })
                 )
               )
             },
@@ -18930,7 +18930,7 @@ var FlightFilter = function (_a) {
           return setFiltersVisible(!filtersVisible);
         }
       },
-      React__default['default'].createElement(Icon$3, { name: 'ui-filter', width: 11, height: 10 }),
+      React__default['default'].createElement(Icon$4, { name: 'ui-filter', width: 11, height: 10 }),
       React__default['default'].createElement('span', null, translations.FLIGHTS_FORM.FILTER_OPTIONS)
     ),
     React__default['default'].createElement(
@@ -18962,7 +18962,7 @@ var FlightFilter = function (_a) {
               return setFiltersVisible(false);
             }
           },
-          React__default['default'].createElement(Icon$3, { name: 'ui-close', width: 25, height: 25 })
+          React__default['default'].createElement(Icon$4, { name: 'ui-close', width: 25, height: 25 })
         )
       ),
       React__default['default'].createElement(
@@ -19390,7 +19390,7 @@ var FlightOptionFlight = function (_a) {
               return setIsDetailVisible(!isDetailVisible);
             }
           },
-          React__default['default'].createElement(Icon$3, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
+          React__default['default'].createElement(Icon$4, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
         )
       )
     ),
@@ -19417,7 +19417,7 @@ var FlightOptionFlight = function (_a) {
               React__default['default'].createElement(
                 'div',
                 null,
-                React__default['default'].createElement(Icon$3, { name: 'ui-plane-depart', width: 30, height: 20 })
+                React__default['default'].createElement(Icon$4, { name: 'ui-plane-depart', width: 30, height: 20 })
               )
             ),
             React__default['default'].createElement(
@@ -19434,7 +19434,7 @@ var FlightOptionFlight = function (_a) {
               React__default['default'].createElement(
                 'div',
                 null,
-                React__default['default'].createElement(Icon$3, { name: 'ui-plane-arrive', width: 30, height: 20 })
+                React__default['default'].createElement(Icon$4, { name: 'ui-plane-arrive', width: 30, height: 20 })
               ),
               React__default['default'].createElement(
                 'div',
@@ -19456,7 +19456,7 @@ var FlightOptionFlight = function (_a) {
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
-                  React__default['default'].createElement(Icon$3, { name: 'ui-clock', width: 24, height: 24 })
+                  React__default['default'].createElement(Icon$4, { name: 'ui-clock', width: 24, height: 24 })
                 ),
                 React__default['default'].createElement(
                   'div',
@@ -19543,7 +19543,7 @@ var FlightOptionModal = function (_a) {
         React__default['default'].createElement(
           'button',
           { className: 'flight__rate__modal__header__close' },
-          React__default['default'].createElement(Icon$3, { name: 'close', width: 18, height: 18 })
+          React__default['default'].createElement(Icon$4, { name: 'close', width: 18, height: 18 })
         )
       ),
       React__default['default'].createElement(
@@ -19577,7 +19577,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item flight__rate__modal__card__item--disabled' },
-                React__default['default'].createElement(Icon$3, { name: 'ticket', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'ticket', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19588,7 +19588,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item flight__rate__modal__card__item--disabled' },
-                React__default['default'].createElement(Icon$3, { name: 'payback', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'payback', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19603,7 +19603,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'shopping-bag', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'shopping-bag', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19614,7 +19614,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'backpack', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'backpack', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19625,7 +19625,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'suitcase', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'suitcase', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19660,7 +19660,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'ticket', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'ticket', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19671,7 +19671,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'payback', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'payback', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19686,7 +19686,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'shopping-bag', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'shopping-bag', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19697,7 +19697,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'backpack', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'backpack', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19708,7 +19708,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'suitcase', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'suitcase', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19743,7 +19743,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'ticket', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'ticket', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19754,7 +19754,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item flight__rate__modal__card__item--disabled' },
-                React__default['default'].createElement(Icon$3, { name: 'payback', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'payback', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19769,7 +19769,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'shopping-bag', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'shopping-bag', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19780,7 +19780,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'backpack', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'backpack', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19791,7 +19791,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'suitcase', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'suitcase', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19802,7 +19802,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'seat-selection', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'seat-selection', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19813,7 +19813,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'check-in', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'check-in', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19824,7 +19824,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'business-lounge', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'business-lounge', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -19835,7 +19835,7 @@ var FlightOptionModal = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__rate__modal__card__item' },
-                React__default['default'].createElement(Icon$3, { name: 'priority', width: 20, height: 20 }),
+                React__default['default'].createElement(Icon$4, { name: 'priority', width: 20, height: 20 }),
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__rate__modal__card__item__wrapper' },
@@ -24010,7 +24010,7 @@ var Summary = function () {
                                     return handleRemoveVoucher(y);
                                   }
                                 },
-                                React__default['default'].createElement(Icon$3, { height: 16, name: 'ui-trashcan' })
+                                React__default['default'].createElement(Icon$4, { height: 16, name: 'ui-trashcan' })
                               )
                             )
                           );
@@ -24031,7 +24031,7 @@ var Summary = function () {
                   React__default['default'].createElement(
                     'div',
                     { className: 'info-message' },
-                    React__default['default'].createElement(Icon$3, { name: 'ui-tooltip', className: 'icon--secondary-color' }),
+                    React__default['default'].createElement(Icon$4, { name: 'ui-tooltip', className: 'icon--secondary-color' }),
                     React__default['default'].createElement(
                       'div',
                       { className: 'info-message__copy' },
@@ -24135,7 +24135,7 @@ var Summary = function () {
                 React__default['default'].createElement(
                   'div',
                   { className: 'info-message' },
-                  React__default['default'].createElement(Icon$3, { name: 'ui-tooltip', className: 'icon--secondary-color' }),
+                  React__default['default'].createElement(Icon$4, { name: 'ui-tooltip', className: 'icon--secondary-color' }),
                   React__default['default'].createElement(
                     'div',
                     { className: 'info-message__copy' },
@@ -24389,7 +24389,7 @@ var TypeAheadInput = function (_a) {
     React__default['default'].createElement(
       'div',
       { className: 'typeahead__trigger typeahead__trigger--icon' },
-      React__default['default'].createElement(Icon$3, { name: 'ui-qsm-location' }),
+      React__default['default'].createElement(Icon$4, { name: 'ui-qsm-location' }),
       React__default['default'].createElement('input', {
         type: 'text',
         className: 'form__input',
@@ -26374,7 +26374,7 @@ var BookingWizard = function (_a) {
   );
 };
 
-var Icon$2 = function (_a) {
+var Icon$3 = function (_a) {
   var name = _a.name,
     className = _a.className,
     title = _a.title,
@@ -27566,7 +27566,7 @@ var Slider = function (_a) {
           React__default['default'].createElement(
             'button',
             { type: 'button', className: 'slider__btn slider__btn--prev', onClick: goPrev, 'aria-label': 'Previous slide' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-chevron', width: 24, height: 24 })
+            React__default['default'].createElement(Icon$3, { name: 'ui-chevron', width: 24, height: 24 })
           ),
           React__default['default'].createElement(
             'div',
@@ -27586,7 +27586,7 @@ var Slider = function (_a) {
           React__default['default'].createElement(
             'button',
             { type: 'button', className: 'slider__btn slider__btn--next', onClick: goNext, 'aria-label': 'Next slide' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-chevron', width: 24, height: 24 })
+            React__default['default'].createElement(Icon$3, { name: 'ui-chevron', width: 24, height: 24 })
           )
         )
     )
@@ -27939,7 +27939,7 @@ var Navbar = function (_a) {
                   className: 'nav__dropdown__toggle '.concat(index === activeIndex ? 'nav__dropdown__toggle--active' : '')
                 },
                 cat.label,
-                React__default['default'].createElement(Icon$2, { name: 'ui-chevron', width: 16, height: 16 })
+                React__default['default'].createElement(Icon$3, { name: 'ui-chevron', width: 16, height: 16 })
               );
             })
           ),
@@ -28013,7 +28013,7 @@ var Navbar = function (_a) {
                     'button',
                     { key: category.label, type: 'button', className: 'nav__dropdown__toggle '.concat(index === 0 ? 'nav__dropdown__toggle--active' : '') },
                     category.label,
-                    React__default['default'].createElement(Icon$2, { name: 'ui-chevron', width: 16, height: 16 })
+                    React__default['default'].createElement(Icon$3, { name: 'ui-chevron', width: 16, height: 16 })
                   );
                 })
               ),
@@ -28118,12 +28118,12 @@ var Navbar = function (_a) {
                       return setQuery('');
                     }
                   },
-                  React__default['default'].createElement(Icon$2, { name: 'ui-close', width: 12, height: 12 })
+                  React__default['default'].createElement(Icon$3, { name: 'ui-close', width: 12, height: 12 })
                 ),
                 React__default['default'].createElement(
                   'button',
                   { className: 'nav__search__button', type: 'submit', 'aria-label': 'Search' },
-                  React__default['default'].createElement(Icon$2, { name: 'ui-search', width: 16, height: 16 })
+                  React__default['default'].createElement(Icon$3, { name: 'ui-search', width: 16, height: 16 })
                 )
               )
             )
@@ -28190,12 +28190,12 @@ var Navbar = function (_a) {
                     return setQuery('');
                   }
                 },
-                React__default['default'].createElement(Icon$2, { name: 'ui-close', width: 12, height: 12 })
+                React__default['default'].createElement(Icon$3, { name: 'ui-close', width: 12, height: 12 })
               ),
               React__default['default'].createElement(
                 'button',
                 { className: 'nav__search__button', type: 'submit', 'aria-label': 'Search' },
-                React__default['default'].createElement(Icon$2, { name: 'ui-search', width: 16, height: 16 })
+                React__default['default'].createElement(Icon$3, { name: 'ui-search', width: 16, height: 16 })
               )
             )
           ),
@@ -28358,7 +28358,7 @@ var Footer = function (_a) {
             return React__default['default'].createElement(
               'a',
               { key: item.label, href: item.href, className: 'footer__social__link', 'aria-label': item.label },
-              React__default['default'].createElement(Icon$2, { name: item.iconName, width: 24, height: 24 })
+              React__default['default'].createElement(Icon$3, { name: item.iconName, width: 24, height: 24 })
             );
           })
         )
@@ -28643,7 +28643,7 @@ _a$1.setDatesIcon;
 var setFieldValue = _a$1.setFieldValue;
 var qsmReducer = qsmSlice.reducer;
 
-var Icon$1 = function (_a) {
+var Icon$2 = function (_a) {
   var name = _a.name,
     className = _a.className,
     title = _a.title,
@@ -29163,7 +29163,7 @@ var SearchInput = function (_a) {
         React__default['default'].createElement(
           'div',
           { className: 'qsm__double-input-option-content' },
-          React__default['default'].createElement(Icon$1, {
+          React__default['default'].createElement(Icon$2, {
             name: option.type === 'hotel' ? 'ui-hotel' : option.type === 'airport' ? 'ui-flight' : 'ui-location',
             height: 16
           }),
@@ -29951,7 +29951,7 @@ var TravelInput = function () {
                             return room[type] > 0 && handleTravelerChange(idx, type, room[type] - 1);
                           }
                         },
-                        React__default['default'].createElement(Icon$1, { name: 'ui-min' })
+                        React__default['default'].createElement(Icon$2, { name: 'ui-min' })
                       ),
                       React__default['default'].createElement('span', null, room[type]),
                       React__default['default'].createElement(
@@ -29962,7 +29962,7 @@ var TravelInput = function () {
                             return canAddTraveler && handleTravelerChange(idx, type, room[type] + 1);
                           }
                         },
-                        React__default['default'].createElement(Icon$1, { name: 'ui-plus' })
+                        React__default['default'].createElement(Icon$2, { name: 'ui-plus' })
                       )
                     )
                   );
@@ -30033,7 +30033,7 @@ var TravelInput = function () {
                       return adults > 0 && dispatch(setAdults(adults - 1));
                     }
                   },
-                  React__default['default'].createElement(Icon$1, { name: 'ui-min' })
+                  React__default['default'].createElement(Icon$2, { name: 'ui-min' })
                 ),
                 React__default['default'].createElement('span', null, adults),
                 React__default['default'].createElement(
@@ -30044,7 +30044,7 @@ var TravelInput = function () {
                       return canAddTraveler && dispatch(setAdults(adults + 1));
                     }
                   },
-                  React__default['default'].createElement(Icon$1, { name: 'ui-plus' })
+                  React__default['default'].createElement(Icon$2, { name: 'ui-plus' })
                 )
               )
             ),
@@ -30068,7 +30068,7 @@ var TravelInput = function () {
                       return kids > 0 && dispatch(setKids(kids - 1));
                     }
                   },
-                  React__default['default'].createElement(Icon$1, { name: 'ui-min' })
+                  React__default['default'].createElement(Icon$2, { name: 'ui-min' })
                 ),
                 React__default['default'].createElement('span', null, kids),
                 React__default['default'].createElement(
@@ -30079,7 +30079,7 @@ var TravelInput = function () {
                       return canAddTraveler && dispatch(setKids(kids + 1));
                     }
                   },
-                  React__default['default'].createElement(Icon$1, { name: 'ui-plus' })
+                  React__default['default'].createElement(Icon$2, { name: 'ui-plus' })
                 )
               )
             ),
@@ -30103,7 +30103,7 @@ var TravelInput = function () {
                       return babies > 0 && dispatch(setBabies(babies - 1));
                     }
                   },
-                  React__default['default'].createElement(Icon$1, { name: 'ui-min' })
+                  React__default['default'].createElement(Icon$2, { name: 'ui-min' })
                 ),
                 React__default['default'].createElement('span', null, babies),
                 React__default['default'].createElement(
@@ -30114,7 +30114,7 @@ var TravelInput = function () {
                       return canAddTraveler && dispatch(setBabies(babies + 1));
                     }
                   },
-                  React__default['default'].createElement(Icon$1, { name: 'ui-plus' })
+                  React__default['default'].createElement(Icon$2, { name: 'ui-plus' })
                 )
               )
             )
@@ -30599,7 +30599,7 @@ var SearchInputGroup = function (_a) {
   return React__default['default'].createElement(
     'label',
     { className: 'qsm__single-input-wrapper', ref: ref },
-    React__default['default'].createElement(Icon$1, {
+    React__default['default'].createElement(Icon$2, {
       name: typeOfSelectedOption === 'hotel' ? 'ui-hotel' : typeOfSelectedOption === 'airport' ? 'ui-flight' : 'ui-location',
       height: 16
     }),
@@ -30828,7 +30828,7 @@ var TravelInputGroup = function () {
   return React__default['default'].createElement(
     'div',
     { ref: wrapperRef, className: 'qsm__single-input-wrapper qsm__single-input-wrapper--travel' },
-    React__default['default'].createElement(Icon$1, { name: 'ui-user', height: 16 }),
+    React__default['default'].createElement(Icon$2, { name: 'ui-user', height: 16 }),
     React__default['default'].createElement('span', { className: 'qsm__label' }, translations.QSM.TRAVELERS_LABEL),
     React__default['default'].createElement('input', {
       type: 'text',
@@ -31142,7 +31142,7 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-location', height: 16 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-location', height: 16 })
           ),
           translations.QSM.MULTIDESTINATION
         ),
@@ -31158,7 +31158,7 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-suitcase', height: 16 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-suitcase', height: 16 })
           ),
           translations.QSM.PACKAGES
         ),
@@ -31174,9 +31174,9 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-backforward', height: 14 }),
+            React__default['default'].createElement(Icon$2, { name: 'ui-backforward', height: 14 }),
             '+',
-            React__default['default'].createElement(Icon$1, { name: 'ui-bed', height: 14 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-bed', height: 14 })
           ),
           translations.QSM.TRANSPORT_HOTEL
         ),
@@ -31192,7 +31192,7 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-bed', height: 16 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-bed', height: 16 })
           ),
           translations.QSM.ACCOMMODATION
         ),
@@ -31208,7 +31208,7 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-flight', height: 16 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-flight', height: 16 })
           ),
           translations.QSM.TRANSPORTS
         ),
@@ -31224,7 +31224,7 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-ticket', height: 16 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-ticket', height: 16 })
           ),
           translations.QSM.TICKET_ONLY
         ),
@@ -31240,7 +31240,7 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-car', height: 16 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-car', height: 16 })
           ),
           translations.QSM.RENT_A_CAR
         ),
@@ -31256,7 +31256,7 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-backforward', height: 16 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-backforward', height: 16 })
           ),
           translations.QSM.TRANSFERS
         ),
@@ -31272,7 +31272,7 @@ var QSMContainer = function () {
           React__default['default'].createElement(
             'span',
             { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$1, { name: 'ui-ship', height: 16 })
+            React__default['default'].createElement(Icon$2, { name: 'ui-ship', height: 16 })
           ),
           translations.QSM.CRUISES
         )
@@ -31662,7 +31662,7 @@ var ItemPicker = function (_a) {
   );
 };
 
-var Icon = function (_a) {
+var Icon$1 = function (_a) {
   var name = _a.name,
     className = _a.className,
     title = _a.title,
@@ -32685,7 +32685,7 @@ var Itinerary = function (_a) {
             return handleSetIsOpen();
           }
         },
-        React__default['default'].createElement(Icon, { name: 'ui-close', height: 24 })
+        React__default['default'].createElement(Icon$1, { name: 'ui-close', height: 24 })
       ),
       React__default['default'].createElement(
         'div',
@@ -32776,7 +32776,7 @@ var Itinerary = function (_a) {
                   React__default['default'].createElement(
                     'div',
                     { className: 'search__filter__itinerary__country-icon' },
-                    React__default['default'].createElement(Icon, { name: 'ui-flag', width: 17.5, height: 20 })
+                    React__default['default'].createElement(Icon$1, { name: 'ui-flag', width: 17.5, height: 20 })
                   ),
                   React__default['default'].createElement(
                     'div',
@@ -32826,7 +32826,7 @@ var Itinerary = function (_a) {
                       React__default['default'].createElement(
                         'div',
                         { className: 'search__filter__itinerary__transport-badge' },
-                        React__default['default'].createElement(Icon, { name: 'ui-plane', height: 15 })
+                        React__default['default'].createElement(Icon$1, { name: 'ui-plane', height: 15 })
                       ),
                       React__default['default'].createElement(
                         'div',
@@ -32838,7 +32838,7 @@ var Itinerary = function (_a) {
                           React__default['default'].createElement(
                             'span',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-plane-depart', height: 14 }),
+                            React__default['default'].createElement(Icon$1, { name: 'ui-plane-depart', height: 14 }),
                             ' ',
                             React__default['default'].createElement('strong', null, getDepartureTime(outboundFlight))
                           ),
@@ -32848,7 +32848,7 @@ var Itinerary = function (_a) {
                           React__default['default'].createElement(
                             'span',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', height: 14 }),
+                            React__default['default'].createElement(Icon$1, { name: 'ui-plane-arrive', height: 14 }),
                             ' ',
                             React__default['default'].createElement('strong', null, getArrivalTime(outboundFlight))
                           )
@@ -32859,7 +32859,7 @@ var Itinerary = function (_a) {
                           React__default['default'].createElement(
                             'span',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-clock', height: 20 }),
+                            React__default['default'].createElement(Icon$1, { name: 'ui-clock', height: 20 }),
                             ' ',
                             getDuration(outboundFlight)
                           )
@@ -32909,7 +32909,7 @@ var Itinerary = function (_a) {
                                 React__default['default'].createElement(
                                   'div',
                                   { className: 'search__filter__itinerary__segment-badge' },
-                                  React__default['default'].createElement(Icon, { name: 'ui-location', width: 15, height: 15 })
+                                  React__default['default'].createElement(Icon$1, { name: 'ui-location', width: 15, height: 15 })
                                 ),
                                 React__default['default'].createElement(
                                   'div',
@@ -32946,16 +32946,16 @@ var Itinerary = function (_a) {
                                       { className: 'search__filter__itinerary__segment-date-date' },
                                       React__default['default'].createElement('strong', null, numberOfNights(segment))
                                     ),
-                                    React__default['default'].createElement(Icon, { name: 'ui-moon', width: 16, height: 16 })
+                                    React__default['default'].createElement(Icon$1, { name: 'ui-moon', width: 16, height: 16 })
                                   ),
                                 React__default['default'].createElement(
                                   'div',
                                   { className: 'search__filter__itinerary__segment-badge search__filter__itinerary__segment-badge--secondary' },
-                                  segment.productType === 3 && React__default['default'].createElement(Icon, { name: 'ui-bed', width: 15, height: 15 }),
-                                  segment.productType === 4 && React__default['default'].createElement(Icon, { name: 'ui-ticket', width: 15, height: 15 }),
+                                  segment.productType === 3 && React__default['default'].createElement(Icon$1, { name: 'ui-bed', width: 15, height: 15 }),
+                                  segment.productType === 4 && React__default['default'].createElement(Icon$1, { name: 'ui-ticket', width: 15, height: 15 }),
                                   (segment.productType === 17 || segment.productType === 22) &&
-                                    React__default['default'].createElement(Icon, { name: 'ui-car', width: 15, height: 15 }),
-                                  segment.productType === 11 && React__default['default'].createElement(Icon, { name: 'ui-ship', width: 15, height: 15 })
+                                    React__default['default'].createElement(Icon$1, { name: 'ui-car', width: 15, height: 15 }),
+                                  segment.productType === 11 && React__default['default'].createElement(Icon$1, { name: 'ui-ship', width: 15, height: 15 })
                                 ),
                                 React__default['default'].createElement(
                                   'div',
@@ -33000,7 +33000,7 @@ var Itinerary = function (_a) {
                       React__default['default'].createElement(
                         'div',
                         { className: 'search__filter__itinerary__transport-badge' },
-                        React__default['default'].createElement(Icon, { name: 'ui-plane', height: 15 })
+                        React__default['default'].createElement(Icon$1, { name: 'ui-plane', height: 15 })
                       ),
                       React__default['default'].createElement(
                         'div',
@@ -33016,7 +33016,7 @@ var Itinerary = function (_a) {
                           React__default['default'].createElement(
                             'span',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-plane-depart', height: 14 }),
+                            React__default['default'].createElement(Icon$1, { name: 'ui-plane-depart', height: 14 }),
                             ' ',
                             React__default['default'].createElement('strong', null, getDepartureTime(returnFlight))
                           ),
@@ -33026,7 +33026,7 @@ var Itinerary = function (_a) {
                           React__default['default'].createElement(
                             'span',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', height: 14 }),
+                            React__default['default'].createElement(Icon$1, { name: 'ui-plane-arrive', height: 14 }),
                             ' ',
                             React__default['default'].createElement('strong', null, getArrivalTime(returnFlight))
                           )
@@ -33037,7 +33037,7 @@ var Itinerary = function (_a) {
                           React__default['default'].createElement(
                             'span',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-clock', height: 20 }),
+                            React__default['default'].createElement(Icon$1, { name: 'ui-clock', height: 20 }),
                             ' ',
                             getDuration(returnFlight)
                           )
@@ -33051,7 +33051,7 @@ var Itinerary = function (_a) {
                   React__default['default'].createElement(
                     'div',
                     { className: 'search__filter__itinerary__country-icon' },
-                    React__default['default'].createElement(Icon, { name: 'ui-flag', width: 17.5, height: 20 })
+                    React__default['default'].createElement(Icon$1, { name: 'ui-flag', width: 17.5, height: 20 })
                   ),
                   React__default['default'].createElement(
                     'div',
@@ -33098,7 +33098,7 @@ var TabViews = function () {
           return handleSortChange('extended');
         }
       },
-      React__default['default'].createElement(Icon, { name: 'ui-extended', height: 16 }),
+      React__default['default'].createElement(Icon$1, { name: 'ui-extended', height: 16 }),
       translations.SRP.EXTENDED
     ),
     React__default['default'].createElement(
@@ -33110,7 +33110,7 @@ var TabViews = function () {
           return handleSortChange('compact');
         }
       },
-      React__default['default'].createElement(Icon, { name: 'ui-compact', height: 16 }),
+      React__default['default'].createElement(Icon$1, { name: 'ui-compact', height: 16 }),
       translations.SRP.COMPACT
     ),
     React__default['default'].createElement(
@@ -33122,279 +33122,1881 @@ var TabViews = function () {
           return handleSortChange('list');
         }
       },
-      React__default['default'].createElement(Icon, { name: 'ui-list', height: 16 }),
+      React__default['default'].createElement(Icon$1, { name: 'ui-list', height: 16 }),
       translations.SRP.LIST
     )
   );
 };
 
-var FlyIn = function (_a) {
-  var isOpen = _a.isOpen,
-    setIsOpen = _a.setIsOpen,
-    _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    onPanelRef = _a.onPanelRef;
-  var panelRef = React.useRef(null);
-  // expose DOM node if needed
-  React.useEffect(
-    function () {
-      onPanelRef === null || onPanelRef === void 0 ? void 0 : onPanelRef(panelRef.current);
-      return function () {
-        return onPanelRef === null || onPanelRef === void 0 ? void 0 : onPanelRef(null);
-      };
-    },
-    [onPanelRef]
-  );
-  // click outside detection
-  React.useEffect(
-    function () {
-      var handleClickOutside = function (event) {
-        if (isOpen && panelRef.current && !panelRef.current.contains(event.target)) {
-          setIsOpen(false);
-        }
-      };
-      document.addEventListener('mousedown', handleClickOutside);
-      return function () {
-        return document.removeEventListener('mousedown', handleClickOutside);
-      };
-    },
-    [isOpen, setIsOpen]
-  );
-  // body scroll lock
-  React.useEffect(
-    function () {
-      document.body.style.overflow = isOpen ? 'hidden' : '';
-      return function () {
-        document.body.style.overflow = '';
-      };
-    },
-    [isOpen]
-  );
-  return React__default['default'].createElement(
-    'div',
-    { className: 'flyin '.concat(isOpen ? 'flyin--active' : '', ' ').concat(className) },
-    React__default['default'].createElement(
-      'div',
-      { className: 'flyin__panel '.concat(isOpen ? 'flyin__panel--active' : ''), ref: panelRef },
-      React__default['default'].createElement(
-        'div',
-        { className: 'flyin__content' },
-        React__default['default'].createElement(
-          'div',
-          { className: 'flyin__content-title-row' },
-          React__default['default'].createElement('span', { className: 'flyin__content-title' }, 'Select your fare'),
-          React__default['default'].createElement(
-            'span',
-            {
-              className: 'flyin__close',
-              onClick: function () {
-                return setIsOpen(!isOpen);
-              }
-            },
-            'Close'
-          )
-        ),
-        React__default['default'].createElement(
-          'div',
-          { className: 'flyin__content-text-row' },
-          React__default['default'].createElement(
-            'div',
-            { className: 'flyin__content-text-col' },
-            React__default['default'].createElement('span', { className: 'flyin__content-text-title-row' }, 'Departure flight BRU - VIE'),
-            React__default['default'].createElement('span', { className: 'flyin__content-text' }, '09:10 - 11:00 (1h 50m, non-stop), 2 travellers')
-          ),
-          React__default['default'].createElement(
-            'div',
-            { className: 'flyin__content-text-icon-row' },
-            React__default['default'].createElement('span', { className: 'logo', 'aria-hidden': 'true' }),
-            React__default['default'].createElement('span', null, 'Austrian Airlines')
-          ),
-          React__default['default'].createElement(
-            'div',
-            { className: 'flyin__content-arrow-row' },
-            React__default['default'].createElement('div', { className: 'flyin__content-arrow is-disabled', 'aria-disabled': 'true' }, '\u25C0'),
-            React__default['default'].createElement('div', { className: 'flyin__content-arrow' }, '\u25B6')
-          )
-        )
-      ),
-      React__default['default'].createElement(
-        'div',
-        { className: 'flyin__content-cards-wrapper' },
-        React__default['default'].createElement(
-          'div',
-          { className: 'flyin__content-cards' },
-          React__default['default'].createElement(
-            'div',
-            { className: 'flyin__content-card flyin__content-card--selected' },
-            React__default['default'].createElement(
-              'div',
-              { className: 'flyin__content-card-top' },
-              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC129.00'),
-              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Basic')
-            ),
-            React__default['default'].createElement(
-              'div',
-              { className: 'flyin__content-card-middle' },
-              React__default['default'].createElement(
-                'div',
-                { className: 'flyin__content-card-middle-rows' },
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-card-middle-row' },
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Number of travellers'),
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, '2')
-                ),
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-card-middle-row' },
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Travel class'),
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'Economy (Light)')
-                ),
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-card-middle-row' },
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Booking class'),
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'K')
-                ),
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-card-middle-row' },
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Fare basis'),
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'KOWBE')
-                ),
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-data' },
-                  React__default['default'].createElement(
-                    'div',
-                    { className: 'flyin__content-data__item' },
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/search-flightcard-suitcase-icon.svg', width: '16', height: '16', alt: '' })
-                    ),
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-content' },
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Carry-on luggage'),
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, '1 x 8kg')
-                    )
-                  ),
-                  React__default['default'].createElement(
-                    'div',
-                    { className: 'flyin__content-data__item' },
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/search-flightcard-suitcase-icon.svg', width: '16', height: '16', alt: '' })
-                    ),
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-content' },
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Checked luggage'),
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not included')
-                    )
-                  ),
-                  React__default['default'].createElement(
-                    'div',
-                    { className: 'flyin__content-data__item' },
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/seat-selection.svg', width: '16', height: '16', alt: '' })
-                    ),
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-content' },
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Seat selection'),
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not included')
-                    )
-                  ),
-                  React__default['default'].createElement(
-                    'div',
-                    { className: 'flyin__content-data__item' },
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/ticket-change.svg', width: '16', height: '16', alt: '' })
-                    ),
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-content' },
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Refund'),
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not allowed')
-                    )
-                  ),
-                  React__default['default'].createElement(
-                    'div',
-                    { className: 'flyin__content-data__item' },
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-icon flyin__content-data__item-icon--other' },
-                      React__default['default'].createElement('img', { src: 'icons/other-icon.svg', width: '20', height: '20', alt: '' })
-                    ),
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flyin__content-data__item-content' },
-                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Other'),
-                      React__default['default'].createElement(
-                        'ul',
-                        { className: 'flyin__content-data__item-content-description flyin__content-data__item-content-description--list' },
-                        React__default['default'].createElement('li', null, 'Boarding group last'),
-                        React__default['default'].createElement('li', null, 'No changes')
-                      )
-                    )
-                  )
-                )
-              )
-            ),
-            React__default['default'].createElement(
-              'div',
-              { className: 'flyin__content-card-bottom' },
-              React__default['default'].createElement('span', null, 'Current selection')
-            )
-          ),
-          React__default['default'].createElement(
-            'div',
-            { className: 'flyin__content-card' },
-            React__default['default'].createElement(
-              'div',
-              { className: 'flyin__content-card-top' },
-              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC169.00'),
-              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Standard')
-            ),
-            React__default['default'].createElement(
-              'div',
-              { className: 'flyin__content-card-middle' },
-              React__default['default'].createElement(
-                'div',
-                { className: 'flyin__content-card-middle-rows' },
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-card-middle-row' },
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Number of travellers'),
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, '2')
-                ),
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-card-middle-row' },
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Travel class'),
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'Economy (Standard)')
-                ),
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-card-middle-row' },
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Booking class'),
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'M')
-                ),
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flyin__content-card-middle-row' },
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Fare basis'),
-                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'MOWBE')
-                ),
-                React__default['default'].createElement(
-                  'div',
+var Icon = function (_a) {
+  var name = _a.name,
+    className = _a.className,
+    title = _a.title,
+    width = _a.width,
+    height = _a.height;
+  switch (name) {
+    case 'ui-close':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 384 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-plus':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z'
+        })
+      );
+    case 'ui-min':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'
+        })
+      );
+    case 'ui-chevron':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 320 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-info':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-calendar':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M96 32l0 32L48 64C21.5 64 0 85.5 0 112l0 48 448 0 0-48c0-26.5-21.5-48-48-48l-48 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32L160 64l0-32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192L0 192 0 464c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-272z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-bed':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 640 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M32 32c17.7 0 32 14.3 32 32l0 256 224 0 0-160c0-17.7 14.3-32 32-32l224 0c53 0 96 43 96 96l0 224c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-32-224 0-32 0L64 416l0 32c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 64C0 46.3 14.3 32 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-flight':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 576 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.2-15.4-20.4l49-171.6L112 320 68.8 377.6c-3 4-7.8 6.4-12.8 6.4l-42 0c-7.8 0-14-6.3-14-14c0-1.3 .2-2.6 .5-3.9L32 256 .5 145.9c-.4-1.3-.5-2.6-.5-3.9c0-7.8 6.3-14 14-14l42 0c5 0 9.8 2.4 12.8 6.4L112 192l102.9 0-49-171.6C162.9 10.2 170.6 0 181.2 0l56.2 0c11.5 0 22.1 6.2 27.8 16.1L365.7 192l116.6 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-transfer':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M192 0c-17.7 0-32 14.3-32 32l0 32 0 .2c-38.6 2.2-72.3 27.3-85.2 64.1L39.6 228.8C16.4 238.4 0 261.3 0 288L0 432l0 48c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-48 320 0 0 48c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-48 0-144c0-26.7-16.4-49.6-39.6-59.2L437.2 128.3c-12.9-36.8-46.6-62-85.2-64.1l0-.2 0-32c0-17.7-14.3-32-32-32L192 0zM165.4 128l181.2 0c13.6 0 25.7 8.6 30.2 21.4L402.9 224l-293.8 0 26.1-74.6c4.5-12.8 16.6-21.4 30.2-21.4zM96 288a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm288 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-star':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 576 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'
+        })
+      );
+    case 'ui-halfstar':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 576 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M288 0c-12.2 .1-23.3 7-28.6 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288 439.8 288 0zM429.9 512c1.1 .1 2.1 .1 3.2 0l-3.2 0z'
+        })
+      );
+    case 'ui-user':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z'
+        })
+      );
+    case 'ui-pencil':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1 0 32c0 8.8 7.2 16 16 16l32 0zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'
+        })
+      );
+    case 'ui-check':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-hotel':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 640 640'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M16 24C16 10.7 26.7 0 40 0L472 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 416 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L40 512c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 0-416-8 0C26.7 48 16 37.3 16 24zm208 88l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zM128 96c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm96 112l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zM352 96c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM112 208l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm240-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM288 384l43.8 0c9.9 0 17.5-9 14-18.2-13.8-36.1-48.8-61.8-89.7-61.8s-75.9 25.7-89.7 61.8c-3.5 9.2 4.1 18.2 14 18.2l43.8 0 0 80 64 0 0-80z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-location':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 384 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M0 188.6C0 84.4 86 0 192 0S384 84.4 384 188.6c0 119.3-120.2 262.3-170.4 316.8-11.8 12.8-31.5 12.8-43.3 0-50.2-54.5-170.4-197.5-170.4-316.8zM192 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-suitcase':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M200 48l112 0c4.4 0 8 3.6 8 8l0 40-128 0 0-40c0-4.4 3.6-8 8-8zm-56 8l0 424 224 0 0-424c0-30.9-25.1-56-56-56L200 0c-30.9 0-56 25.1-56 56zM416 96l0 384 32 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64l-32 0zM96 480l0-384-32 0C28.7 96 0 124.7 0 160L0 416c0 35.3 28.7 64 64 64l32 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-ticket':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 576 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M64 64C28.7 64 0 92.7 0 128l0 64C0 200.8 7.4 207.7 15.7 210.6 34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320l0 64c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-64c0-8.8-7.4-15.7-15.7-18.6-18.8-6.5-32.3-24.4-32.3-45.4s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6l0-64c0-35.3-28.7-64-64-64L64 64zM416 336l0-160-256 0 0 160 256 0zM112 160c0-17.7 14.3-32 32-32l288 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32l0-192z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-backforward':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M502.6 150.6l-96 96c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L402.7 160 32 160c-17.7 0-32-14.3-32-32S14.3 96 32 96l370.7 0-41.4-41.4c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l96 96c12.5 12.5 12.5 32.8 0 45.3zm-397.3 352l-96-96c-12.5-12.5-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L109.3 352 480 352c17.7 0 32 14.3 32 32s-14.3 32-32 32l-370.7 0 41.4 41.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-car':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M135.2 117.4l-26.1 74.6 293.8 0-26.1-74.6C372.3 104.6 360.2 96 346.6 96L165.4 96c-13.6 0-25.7 8.6-30.2 21.4zM39.6 196.8L74.8 96.3C88.3 57.8 124.6 32 165.4 32l181.2 0c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2l0 192c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-32-320 0 0 32c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32L0 256c0-26.7 16.4-49.6 39.6-59.2zM128 304a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm288 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-ship':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 640 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M272 0c-26.5 0-48 21.5-48 48l0 16-16 0c-44.2 0-80 35.8-80 80l0 108.8-21.6 8.6c-14.8 5.9-22.5 22.4-17.4 37.5 10.4 31.3 26.8 59.3 47.7 83.1 20.1-9.2 41.7-13.9 63.3-14 33.1-.2 66.3 10.2 94.4 31.4l1.6 1.2 0-215-104 41.6 0-83.2c0-8.8 7.2-16 16-16l224 0c8.8 0 16 7.2 16 16l0 83.2-104-41.6 0 215 1.6-1.2c27.5-20.7 59.9-31.2 92.4-31.4 22.3-.1 44.6 4.5 65.3 14 20.9-23.7 37.3-51.8 47.7-83.1 5-15.2-2.6-31.6-17.4-37.5L512 252.8 512 144c0-44.2-35.8-80-80-80l-16 0 0-16c0-26.5-21.5-48-48-48L272 0zM403.4 476.1c21.3-16.1 49.9-16.1 71.2 0 19 14.4 41.9 28.2 67.2 33.3 26.5 5.4 54.3 .8 80.7-19.1 10.6-8 12.7-23 4.7-33.6s-23-12.7-33.6-4.7c-14.9 11.2-28.6 13.1-42.3 10.3-14.9-3-30.9-11.9-47.8-24.6-38.4-29-90.5-29-129 0-24 18.1-40.7 26.3-54.5 26.3s-30.5-8.2-54.5-26.3c-38.4-29-90.5-29-129 0-21.6 16.3-41.3 25.8-58.9 25.7-9.6-.1-19.9-3-31.2-11.5-10.6-8-25.6-5.9-33.6 4.7S7 482.3 17.6 490.3c19.1 14.4 39.4 21 59.8 21.1 33.9 .2 64.3-17.4 88.1-35.3 21.3-16.1 49.9-16.1 71.2 0 24.2 18.3 52.3 35.9 83.4 35.9s59.1-17.7 83.4-35.9z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-user':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-wifi':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 576 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M288 96c-90.9 0-173.2 36-233.7 94.6-12.7 12.3-33 12-45.2-.7s-12-33 .7-45.2C81.7 74.9 179.9 32 288 32S494.3 74.9 566.3 144.7c12.7 12.3 13 32.6 .7 45.2s-32.6 13-45.2 .7C461.2 132 378.9 96 288 96zM240 432a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM168 326.2c-11.7 13.3-31.9 14.5-45.2 2.8s-14.5-31.9-2.8-45.2C161 237.4 221.1 208 288 208s127 29.4 168 75.8c11.7 13.3 10.4 33.5-2.8 45.2s-33.5 10.4-45.2-2.8C378.6 292.9 335.8 272 288 272s-90.6 20.9-120 54.2z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-filter':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 10.701 9.698'
+        },
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement(
+          'g',
+          { id: 'filter-solid', transform: 'translate(-2.667 -5.333)' },
+          React__default['default'].createElement('path', {
+            id: 'Path_54',
+            'data-name': 'Path 54',
+            d: 'M9.355,15.031V10.517l3.836-3.846a.605.605,0,0,0,.177-.435V5.668a.334.334,0,0,0-.334-.334H3a.334.334,0,0,0-.334.334v.558a.6.6,0,0,0,.177.425L6.68,10.544v3.411Z',
+            transform: 'translate(0 0)',
+            fill: '#12aad8'
+          }),
+          React__default['default'].createElement('path', {
+            id: 'Path_55',
+            'data-name': 'Path 55',
+            d: 'M13.194,5.333H2.827a.174.174,0,0,0-.161.174v.575A.445.445,0,0,0,2.8,6.4L6.81,10.413v3.344l2.425,1.207V10.406l4.013-4.013a.451.451,0,0,0,.12-.3V5.507a.174.174,0,0,0-.174-.174Z'
+          })
+        )
+      );
+    case 'ui-plane':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 576 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M520 200c30.9 0 56 25.1 56 56s-25.1 56-56 56l-127.3 0-159.2 173.6c-6.1 6.6-14.6 10.4-23.6 10.4l-43.7 0c-10.9 0-18.6-10.7-15.2-21.1l54.3-162.9-99.7 0-52.8 66c-3 3.8-7.6 6-12.5 6l-19.8 0c-10.4 0-18-9.8-15.5-19.9L32 256 5 147.9C2.4 137.8 10.1 128 20.5 128l19.8 0c4.9 0 9.5 2.2 12.5 6l52.8 66 99.7 0-54.3-162.9C147.6 26.7 155.3 16 166.2 16l43.7 0c9 0 17.5 3.8 23.6 10.4L392.7 200 520 200z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-plane-depart':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 640 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M381 114.9L186.1 41.8c-16.7-6.2-35.2-5.3-51.1 2.7L89.1 67.4C78 73 77.2 88.5 87.6 95.2l146.9 94.5L136 240 77.8 214.1c-8.7-3.9-18.8-3.7-27.3 .6L18.3 230.8c-9.3 4.7-11.8 16.8-5 24.7l73.1 85.3c6.1 7.1 15 11.2 24.3 11.2l137.7 0c5 0 9.9-1.2 14.3-3.4L535.6 212.2c46.5-23.3 82.5-63.3 100.8-112C645.9 75 627.2 48 600.2 48l-57.4 0c-20.2 0-40.2 4.8-58.2 14L381 114.9zM0 480c0 17.7 14.3 32 32 32l576 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 448c-17.7 0-32 14.3-32 32z'
+        })
+      );
+    case 'ui-plane-arrive':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 640 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M.3 166.9L0 68C0 57.7 9.5 50.1 19.5 52.3l35.6 7.9c10.6 2.3 19.2 9.9 23 20L96 128l127.3 37.6L181.8 20.4C178.9 10.2 186.6 0 197.2 0l40.1 0c11.6 0 22.2 6.2 27.9 16.3l109 193.8 107.2 31.7c15.9 4.7 30.8 12.5 43.7 22.8l34.4 27.6c24 19.2 18.1 57.3-10.7 68.2c-41.2 15.6-86.2 18.1-128.8 7L121.7 289.8c-11.1-2.9-21.2-8.7-29.3-16.9L9.5 189.4c-5.9-6-9.3-14.1-9.3-22.5zM32 448l576 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 512c-17.7 0-32-14.3-32-32s14.3-32 32-32zm96-80a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm128-16a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'
+        })
+      );
+    case 'ui-clock':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 19 19'
+        },
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement(
+          'g',
+          { id: 'Group_56', 'data-name': 'Group 56', transform: 'translate(-390 -665)' },
+          React__default['default'].createElement('circle', {
+            id: 'Ellipse_5',
+            'data-name': 'Ellipse 5',
+            cx: '9.5',
+            cy: '9.5',
+            r: '9.5',
+            transform: 'translate(390 665)',
+            fill: '#fff'
+          }),
+          React__default['default'].createElement(
+            'g',
+            { id: 'time', transform: 'translate(391.211 666.211)' },
+            React__default['default'].createElement('path', {
+              id: 'Path_11',
+              'data-name': 'Path 11',
+              d: 'M8.289,13.578a5.289,5.289,0,1,1,5.289-5.289A5.289,5.289,0,0,1,8.289,13.578Zm0-9.823a4.534,4.534,0,1,0,4.534,4.534A4.534,4.534,0,0,0,8.289,3.756Z',
+              transform: 'translate(0 0)'
+            }),
+            React__default['default'].createElement('path', {
+              id: 'Path_12',
+              'data-name': 'Path 12',
+              d: 'M24.612,16.167,22.5,14.055V10.5h.756v3.241l1.889,1.893Z',
+              transform: 'translate(-14.589 -5.611)'
+            })
+          )
+        )
+      );
+    case 'ui-flag':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M48 24C48 10.7 37.3 0 24 0S0 10.7 0 24L0 488c0 13.3 10.7 24 24 24s24-10.7 24-24l0-100 80.3-20.1c41.1-10.3 84.6-5.5 122.5 13.4 44.2 22.1 95.5 24.8 141.7 7.4l34.7-13c12.5-4.7 20.8-16.6 20.8-30l0-279.7c0-23-24.2-38-44.8-27.7l-9.6 4.8c-46.3 23.2-100.8 23.2-147.1 0-35.1-17.6-75.4-22-113.5-12.5L48 52 48 24zm0 77.5l96.6-24.2c27-6.7 55.5-3.6 80.4 8.8 54.9 27.4 118.7 29.7 175 6.8l0 241.8-24.4 9.1c-33.7 12.6-71.2 10.7-103.4-5.4-48.2-24.1-103.3-30.1-155.6-17.1l-68.6 17.2 0-237z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-moon':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M239.3 48.7c-107.1 8.5-191.3 98.1-191.3 207.3 0 114.9 93.1 208 208 208 33.3 0 64.7-7.8 92.6-21.7-103.4-23.4-180.6-115.8-180.6-226.3 0-65.8 27.4-125.1 71.3-167.3zM0 256c0-141.4 114.6-256 256-256 19.4 0 38.4 2.2 56.7 6.3 9.9 2.2 17.3 10.5 18.5 20.5s-4 19.8-13.1 24.4c-60.6 30.2-102.1 92.7-102.1 164.8 0 101.6 82.4 184 184 184 5 0 9.9-.2 14.8-.6 10.1-.8 19.6 4.8 23.8 14.1s2 20.1-5.3 27.1C387.3 484.8 324.8 512 256 512 114.6 512 0 397.4 0 256z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-extended':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zm64 0l0 64 64 0 0-64-64 0zm320 0l-192 0 0 64 192 0 0-64zM64 224l0 64 64 0 0-64-64 0zm320 0l-192 0 0 64 192 0 0-64zM64 352l0 64 64 0 0-64-64 0zm320 0l-192 0 0 64 192 0 0-64z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-compact':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M384 96l0 128-128 0 0-128 128 0zm0 192l0 128-128 0 0-128 128 0zM192 224l-128 0 0-128 128 0 0 128zM64 288l128 0 0 128-128 0 0-128zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-list':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M64 112c-8.8 0-16 7.2-16 16l0 256c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16L64 112zM0 128C0 92.7 28.7 64 64 64l384 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zM160 320a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm-32-96a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm104-56l160 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-160 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 128l160 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-160 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-circle-check':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zM374 145.7c-10.7-7.8-25.7-5.4-33.5 5.3L221.1 315.2 169 263.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c5 5 11.8 7.5 18.8 7s13.4-4.1 17.5-9.8L379.3 179.2c7.8-10.7 5.4-25.7-5.3-33.5z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-circle-half':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-men':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M320 32c0-17.7 14.3-32 32-32L480 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-50.7-95 95c19.5 28.4 31 62.7 31 99.8 0 97.2-78.8 176-176 176S32 401.2 32 304 110.8 128 208 128c37 0 71.4 11.4 99.8 31l95-95-50.7 0c-17.7 0-32-14.3-32-32zM208 416a112 112 0 1 0 0-224 112 112 0 1 0 0 224z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-women':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 384 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M80 176a112 112 0 1 1 224 0 112 112 0 1 1 -224 0zM223.9 349.1C305.9 334.1 368 262.3 368 176 368 78.8 289.2 0 192 0S16 78.8 16 176c0 86.3 62.1 158.1 144.1 173.1-.1 1-.1 1.9-.1 2.9l0 64-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0 0 32c0 17.7 14.3 32 32 32s32-14.3 32-32l0-32 32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0 0-64c0-1 0-1.9-.1-2.9z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-facebook':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5l0-170.3-52.8 0 0-78.2 52.8 0 0-33.7c0-87.1 39.4-127.5 125-127.5 16.2 0 44.2 3.2 55.7 6.4l0 70.8c-6-.6-16.5-1-29.6-1-42 0-58.2 15.9-58.2 57.2l0 27.8 83.6 0-14.4 78.2-69.3 0 0 175.9C413.8 494.8 512 386.9 512 256z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-instagram':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M194.4 211.7a53.3 53.3 0 1 0 59.2 88.6 53.3 53.3 0 1 0 -59.2-88.6zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12-18.1-7.1-57.6-6.8-83.1-6.5-4.1 0-7.9 .1-11.2 .1s-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2 0 4.1 .1 7.9 .1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2 2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5 4.1 0 7.9-.1 11.2-.1s7.2 0 11.4 .1c25.5 .3 64.8 .7 82.9-6.5 6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83 0-4.2-.1-8.1-.1-11.4s0-7.1 .1-11.4c.3-25.5 .7-64.9-6.5-83-2.7-6.9-6.8-13.1-12-18.4l0 .2zm-67.1 44.5c18.1 12.1 30.6 30.9 34.9 52.2s-.2 43.5-12.3 61.6c-6 9-13.7 16.6-22.6 22.6s-19 10.1-29.6 12.2c-21.3 4.2-43.5-.2-61.6-12.3s-30.6-30.9-34.9-52.2 .2-43.5 12.2-61.6 30.9-30.6 52.2-34.9 43.5 .2 61.6 12.2l.1 0zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1 2.6-7.1 5.2-9.8 6.1-4.5 9.8-5.2 7.6-.4 11.1 1.1 6.5 3.9 8.6 7 3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2-3.9 3.2-6.2 4.2-4.8 1.5-7.3 1.5c-3.8 0-7.5-1.1-10.6-3.2l-.1 0zM448 96c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320zM357 389c-18.7 18.7-41.4 24.6-67 25.9-26.4 1.5-105.6 1.5-132 0-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132 1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0 25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9-1.3 25.6-7.1 48.3-25.8 67l0 .1z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-linkedin':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm5 170.2l66.5 0 0 213.8-66.5 0 0-213.8zm71.7-67.7a38.5 38.5 0 1 1 -77 0 38.5 38.5 0 1 1 77 0zM317.9 416l0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2-66.4 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-search':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-home':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M277.8 8.6c-12.3-11.4-31.3-11.4-43.5 0l-224 208c-9.6 9-12.8 22.9-8 35.1S18.8 272 32 272l16 0 0 176c0 35.3 28.7 64 64 64l288 0c35.3 0 64-28.7 64-64l0-176 16 0c13.2 0 25-8.1 29.8-20.3s1.6-26.2-8-35.1l-224-208zM240 320l32 0c26.5 0 48 21.5 48 48l0 96-128 0 0-96c0-26.5 21.5-48 48-48z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-arrow':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 288 480 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-370.7 0 105.4-105.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-suitcase':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M200 48l112 0c4.4 0 8 3.6 8 8l0 40-128 0 0-40c0-4.4 3.6-8 8-8zm-56 8l0 424 224 0 0-424c0-30.9-25.1-56-56-56L200 0c-30.9 0-56 25.1-56 56zM416 96l0 384 32 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64l-32 0zM96 480l0-384-32 0C28.7 96 0 124.7 0 160L0 416c0 35.3 28.7 64 64 64l32 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-bag':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 512 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M160 80c0-35.3 28.7-64 64-64s64 28.7 64 64l0 48-128 0 0-48zm-48 48l-64 0c-26.5 0-48 21.5-48 48L0 384c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-208c0-26.5-21.5-48-48-48l-64 0 0-48c0-61.9-50.1-112-112-112S112 18.1 112 80l0 48zm24 48a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm152 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-seat':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 128 128'
+        },
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M44.7,46.3c-2.1-13.7,17.6-17.8,20.8-3.9l5.4,26.8l20.1,0c5.8,0,8.9,4.7,8.9,9v36.4c0,8.9-12.6,8.8-12.6-0.2V86.2H61.6  c-6,0-9.7-4.1-10.6-8.8L44.7,46.3z',
+          fill: 'currentColor'
+        }),
+        React__default['default'].createElement('path', {
+          d: 'M54.1,30.3c6.5,0,11.8-5.2,11.9-11.8C66,12,60.7,6.7,54.1,6.7c-6.5,0-11.8,5.2-11.8,11.7C42.3,25,47.5,30.3,54.1,30.3',
+          fill: 'currentColor'
+        }),
+        React__default['default'].createElement('path', {
+          d: 'M28.4,60.6c-1.4-7.6,8.6-9.4,10-1.8l4.4,23.9c1,5,4.6,9.2,9.8,10.8c1.6,0.5,3.3,0.5,4.8,0.6l14.5,0.1  c7.7,0,7.7,10.1-0.1,10.1l-15.2-0.1c-2.3,0-4.7-0.3-7-1c-9-2.7-15.3-10.1-16.9-18.7L28.4,60.6z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-refund':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 576 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M288-16c-13.3 0-24 10.7-24 24l0 12-1.8 0c-36.6 0-66.2 29.7-66.2 66.2 0 33.4 24.9 61.6 58 65.7l61 7.6c5.1 .6 9 5 9 10.2 0 5.7-4.6 10.2-10.2 10.2L240 180c-15.5 0-28 12.5-28 28s12.5 28 28 28l24 0 0 12c0 13.3 10.7 24 24 24s24-10.7 24-24l0-12 1.8 0c36.6 0 66.2-29.7 66.2-66.2 0-33.4-24.9-61.6-58-65.7l-61-7.6c-5.1-.6-9-5-9-10.2 0-5.7 4.6-10.2 10.2-10.2L328 76c15.5 0 28-12.5 28-28s-12.5-28-28-28l-16 0 0-12c0-13.3-10.7-24-24-24zM109.3 341.5L66.7 384 32 384c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l320.5 0c29 0 57.3-9.3 80.7-26.5l126.6-93.3c17.8-13.1 21.6-38.1 8.5-55.9s-38.1-21.6-55.9-8.5L392.6 416 280 416c-13.3 0-24-10.7-24-24s10.7-24 24-24l72 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-152.2 0c-33.9 0-66.5 13.5-90.5 37.5z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-priority':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 576 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M104.5 24a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm-8 181.3L73.9 227.9c-6 6-9.4 14.1-9.4 22.6l0 37.5c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-37.5c0-25.5 10.1-49.9 28.1-67.9l35.1-35.1c22.8-22.8 53.6-35.6 85.8-35.6 36.9 0 71.8 16.8 94.8 45.6L262.3 180c6.1 7.6 15.3 12 25 12l33.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-33.2 0c-29.2 0-56.7-13.3-75-36l-3.8-4.7 0 115.2 34.5 29.6c17.7 15.2 29.3 36.2 32.6 59.3l12.6 88.1c2.5 17.5-9.7 33.7-27.2 36.2s-33.7-9.7-36.2-27.2l-12.6-88.1c-1.1-7.7-5-14.7-10.9-19.8L130 347.5c-21.3-18.2-33.5-44.9-33.5-72.9l0-69.3zM96.6 371c2.4 2.3 4.8 4.6 7.4 6.8l46 39.4-2.2 7.6c-4.5 15.7-12.9 30-24.4 41.5L55.1 534.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l68.3-68.3c3.8-3.8 6.6-8.6 8.1-13.8L96.6 371zM505.5 345c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l31-31-102.1 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l102.1 0-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l72 72c9.4 9.4 9.4 24.6 0 33.9l-72 72z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-lounge':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 640 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M144 272C144 224.7 109.8 185.4 64.8 177.5 72 113.6 126.2 64 192 64l256 0c65.8 0 120 49.6 127.2 113.5-45 8-79.2 47.2-79.2 94.5l0 32-352 0 0-32zM0 384L0 272c0-26.5 21.5-48 48-48s48 21.5 48 48l0 80 448 0 0-80c0-26.5 21.5-48 48-48s48 21.5 48 48l0 112c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64z',
+          fill: 'currentColor'
+        })
+      );
+    case 'ui-else':
+      return React__default['default'].createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !lodash.isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 448 512'
+        },
+        React__default['default'].createElement(HTMLComment, {
+          text: '!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
+        }),
+        title && React__default['default'].createElement('title', null, title),
+        React__default['default'].createElement('path', {
+          d: 'M0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zm64 0l0 64 64 0 0-64-64 0zm320 0l-192 0 0 64 192 0 0-64zM64 224l0 64 64 0 0-64-64 0zm320 0l-192 0 0 64 192 0 0-64zM64 352l0 64 64 0 0-64-64 0zm320 0l-192 0 0 64 192 0 0-64z',
+          fill: 'currentColor'
+        })
+      );
+    default:
+      return null;
+  }
+};
+
+var FlyIn = function (_a) {
+  var isOpen = _a.isOpen,
+    setIsOpen = _a.setIsOpen,
+    _b = _a.className,
+    className = _b === void 0 ? '' : _b,
+    onPanelRef = _a.onPanelRef;
+  var panelRef = React.useRef(null);
+  // expose DOM node if needed
+  React.useEffect(
+    function () {
+      onPanelRef === null || onPanelRef === void 0 ? void 0 : onPanelRef(panelRef.current);
+      return function () {
+        return onPanelRef === null || onPanelRef === void 0 ? void 0 : onPanelRef(null);
+      };
+    },
+    [onPanelRef]
+  );
+  // click outside detection
+  React.useEffect(
+    function () {
+      var handleClickOutside = function (event) {
+        if (isOpen && panelRef.current && !panelRef.current.contains(event.target)) {
+          setIsOpen(false);
+        }
+      };
+      document.addEventListener('mousedown', handleClickOutside);
+      return function () {
+        return document.removeEventListener('mousedown', handleClickOutside);
+      };
+    },
+    [isOpen, setIsOpen]
+  );
+  // body scroll lock
+  React.useEffect(
+    function () {
+      document.body.style.overflow = isOpen ? 'hidden' : '';
+      return function () {
+        document.body.style.overflow = '';
+      };
+    },
+    [isOpen]
+  );
+  return React__default['default'].createElement(
+    'div',
+    { className: 'flyin '.concat(isOpen ? 'flyin--active' : '', ' ').concat(className) },
+    React__default['default'].createElement(
+      'div',
+      { className: 'flyin__panel '.concat(isOpen ? 'flyin__panel--active' : ''), ref: panelRef },
+      React__default['default'].createElement(
+        'div',
+        { className: 'flyin__content' },
+        React__default['default'].createElement(
+          'div',
+          { className: 'flyin__content-title-row' },
+          React__default['default'].createElement('h3', { className: 'flyin__content-title' }, 'Select your fare'),
+          React__default['default'].createElement(
+            'span',
+            {
+              className: 'flyin__close',
+              onClick: function () {
+                return setIsOpen(!isOpen);
+              }
+            },
+            React__default['default'].createElement(Icon, { name: 'ui-close', width: 30, height: 30, 'aria-hidden': 'true' })
+          )
+        ),
+        React__default['default'].createElement(
+          'div',
+          { className: 'flyin__content-text-row' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-text-icon-row' },
+            React__default['default'].createElement('img', {
+              src: 'https://media.tidesoftware.be/media/shared/Airlines/TB.png?height=256',
+              className: 'logo',
+              'aria-hidden': 'true'
+            }),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-text-col' },
+              React__default['default'].createElement(
+                'span',
+                { className: 'flyin__content-text-title-row' },
+                React__default['default'].createElement('strong', null, 'Departure flight'),
+                ' BRU - VIE'
+              ),
+              React__default['default'].createElement('span', { className: 'flyin__content-text' }, '09:10 - 11:00 (1h 50m, non-stop), 2 travellers')
+            )
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-arrow-row' },
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-arrow is-disabled', 'aria-disabled': 'true' },
+              React__default['default'].createElement(Icon, {
+                name: 'ui-arrow',
+                className: 'flyin__content-arrow-icon',
+                width: 16,
+                height: 16,
+                'aria-hidden': 'true'
+              })
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-arrow' },
+              React__default['default'].createElement(Icon, {
+                name: 'ui-arrow',
+                className: 'flyin__content-arrow-icon flyin__content-arrow-icon--forward',
+                width: 16,
+                height: 16,
+                'aria-hidden': 'true'
+              })
+            )
+          )
+        )
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'flyin__content-cards-wrapper' },
+        React__default['default'].createElement(
+          'div',
+          { className: 'flyin__content-cards' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-card flyin__content-card--selected' },
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-top' },
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Basic'),
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC129.00')
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-middle' },
+              React__default['default'].createElement(
+                'div',
+                { className: 'flyin__content-card-middle-rows' },
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Number of travellers'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, '2')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Travel class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'Economy (Light)')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Booking class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'K')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Fare basis'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'KOWBE')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-data' },
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-bag', width: 20, 'aria-hidden': 'true' })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Carry-on luggage'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, '1 x 8kg')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-suitcase', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Checked luggage'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not included')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-seat', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Seat selection'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not included')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-refund', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Refund'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not allowed')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon flyin__content-data__item-icon--other' },
+                      React__default['default'].createElement(Icon, { name: 'ui-else', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Other'),
+                      React__default['default'].createElement(
+                        'ul',
+                        { className: 'flyin__content-data__item-content-description flyin__content-data__item-content-description--list' },
+                        React__default['default'].createElement('li', null, 'Boarding group last'),
+                        React__default['default'].createElement('li', null, 'No changes')
+                      )
+                    )
+                  )
+                )
+              )
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-button' },
+              React__default['default'].createElement('div', { className: 'cta cta--selected' }, 'Selected')
+            )
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-card' },
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-top' },
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Standard'),
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC169.00')
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-middle' },
+              React__default['default'].createElement(
+                'div',
+                { className: 'flyin__content-card-middle-rows' },
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Number of travellers'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, '2')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Travel class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'Economy (Standard)')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Booking class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'M')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Fare basis'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'MOWBE')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-data' },
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-bag', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Carry-on luggage'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, '1 x 8kg')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-suitcase', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Checked luggage'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, '1 x 23kg')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-seat', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Seat selection'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Included')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-priority', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Priority'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Fast check-in')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-else', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Other'),
+                      React__default['default'].createElement(
+                        'ul',
+                        { className: 'flyin__content-data__item-content-description flyin__content-data__item-content-description--list' },
+                        React__default['default'].createElement('li', null, 'Changes allowed with fee')
+                      )
+                    )
+                  )
+                )
+              )
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-button' },
+              React__default['default'].createElement('div', { className: 'cta cta--select' }, 'Select')
+            )
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-card' },
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-top' },
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Flex'),
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC219.00')
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-middle' },
+              React__default['default'].createElement(
+                'div',
+                { className: 'flyin__content-card-middle-rows' },
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Number of travellers'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, '2')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Travel class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'Economy (Flex)')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Booking class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'Y')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Fare basis'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'YOWBE')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-data' },
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-bag', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Carry-on luggage'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, '1 x 8kg')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-suitcase', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Checked luggage'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, '1 x 23kg')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-lounge', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Lounge'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Included')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-refund', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Refund'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Allowed with fee')
+                    )
+                  )
+                )
+              )
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-button' },
+              React__default['default'].createElement('div', { className: 'cta cta--select' }, 'Select')
+            )
+          )
+        )
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'flyin__content' },
+        React__default['default'].createElement(
+          'div',
+          { className: 'flyin__content-text-row' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-text-icon-row' },
+            React__default['default'].createElement('img', {
+              src: 'https://media.tidesoftware.be/media/shared/Airlines/SN.png?height=256',
+              className: 'logo',
+              'aria-hidden': 'true'
+            }),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-text-col' },
+              React__default['default'].createElement(
+                'span',
+                { className: 'flyin__content-text-title-row' },
+                React__default['default'].createElement('strong', null, 'Return flight'),
+                ' VIE - BRU'
+              ),
+              React__default['default'].createElement('span', { className: 'flyin__content-text' }, '09:10 - 11:00 (1h 50m, non-stop), 2 travellers')
+            )
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-arrow-row' },
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-arrow is-disabled', 'aria-disabled': 'true' },
+              React__default['default'].createElement(Icon, {
+                name: 'ui-arrow',
+                className: 'flyin__content-arrow-icon',
+                width: 16,
+                height: 16,
+                'aria-hidden': 'true'
+              })
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-arrow' },
+              React__default['default'].createElement(Icon, {
+                name: 'ui-arrow',
+                className: 'flyin__content-arrow-icon flyin__content-arrow-icon--forward',
+                width: 16,
+                height: 16,
+                'aria-hidden': 'true'
+              })
+            )
+          )
+        )
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'flyin__content-cards-wrapper' },
+        React__default['default'].createElement(
+          'div',
+          { className: 'flyin__content-cards' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-card flyin__content-card--selected' },
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-top' },
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Basic'),
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC129.00')
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-middle' },
+              React__default['default'].createElement(
+                'div',
+                { className: 'flyin__content-card-middle-rows' },
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Number of travellers'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, '2')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Travel class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'Economy (Light)')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Booking class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'K')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Fare basis'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'KOWBE')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-data' },
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-bag', width: 20, 'aria-hidden': 'true' })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Carry-on luggage'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, '1 x 8kg')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-suitcase', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Checked luggage'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not included')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-seat', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Seat selection'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not included')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon' },
+                      React__default['default'].createElement(Icon, { name: 'ui-refund', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Refund'),
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-description' }, 'Not allowed')
+                    )
+                  ),
+                  React__default['default'].createElement(
+                    'div',
+                    { className: 'flyin__content-data__item' },
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-icon flyin__content-data__item-icon--other' },
+                      React__default['default'].createElement(Icon, { name: 'ui-else', width: 20 })
+                    ),
+                    React__default['default'].createElement(
+                      'div',
+                      { className: 'flyin__content-data__item-content' },
+                      React__default['default'].createElement('div', { className: 'flyin__content-data__item-content-title' }, 'Other'),
+                      React__default['default'].createElement(
+                        'ul',
+                        { className: 'flyin__content-data__item-content-description flyin__content-data__item-content-description--list' },
+                        React__default['default'].createElement('li', null, 'Boarding group last'),
+                        React__default['default'].createElement('li', null, 'No changes')
+                      )
+                    )
+                  )
+                )
+              )
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-button' },
+              React__default['default'].createElement('div', { className: 'cta cta--selected' }, 'Selected')
+            )
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'flyin__content-card' },
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-top' },
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Standard'),
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC169.00')
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-middle' },
+              React__default['default'].createElement(
+                'div',
+                { className: 'flyin__content-card-middle-rows' },
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Number of travellers'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, '2')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Travel class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'Economy (Standard)')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Booking class'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'M')
+                ),
+                React__default['default'].createElement(
+                  'div',
+                  { className: 'flyin__content-card-middle-row' },
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-left' }, 'Fare basis'),
+                  React__default['default'].createElement('span', { className: 'flyin__content-card-middle-row-right' }, 'MOWBE')
+                ),
+                React__default['default'].createElement(
+                  'div',
                   { className: 'flyin__content-data' },
                   React__default['default'].createElement(
                     'div',
@@ -33402,7 +35004,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/search-flightcard-suitcase-icon.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-bag', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33417,7 +35019,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/search-flightcard-suitcase-icon.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-suitcase', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33432,7 +35034,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/seat-selection.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-seat', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33447,7 +35049,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/check-in.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-priority', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33462,7 +35064,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/other-icon.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-else', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33478,7 +35080,11 @@ var FlyIn = function (_a) {
                 )
               )
             ),
-            React__default['default'].createElement('div', { className: 'flyin__content-card-button' }, 'Select')
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-button' },
+              React__default['default'].createElement('div', { className: 'cta cta--select' }, 'Select')
+            )
           ),
           React__default['default'].createElement(
             'div',
@@ -33486,8 +35092,8 @@ var FlyIn = function (_a) {
             React__default['default'].createElement(
               'div',
               { className: 'flyin__content-card-top' },
-              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC219.00'),
-              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Flex')
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-tag' }, 'Flex'),
+              React__default['default'].createElement('span', { className: 'flyin__content-card-top-price' }, '\u20AC219.00')
             ),
             React__default['default'].createElement(
               'div',
@@ -33528,7 +35134,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/search-flightcard-suitcase-icon.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-bag', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33543,7 +35149,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/search-flightcard-suitcase-icon.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-suitcase', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33558,7 +35164,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/lounge.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-lounge', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33573,7 +35179,7 @@ var FlyIn = function (_a) {
                     React__default['default'].createElement(
                       'div',
                       { className: 'flyin__content-data__item-icon' },
-                      React__default['default'].createElement('img', { src: 'icons/ticket-change.svg', width: '16', height: '16', alt: '' })
+                      React__default['default'].createElement(Icon, { name: 'ui-refund', width: 20 })
                     ),
                     React__default['default'].createElement(
                       'div',
@@ -33585,14 +35191,18 @@ var FlyIn = function (_a) {
                 )
               )
             ),
-            React__default['default'].createElement('div', { className: 'flyin__content-card-button' }, 'Select')
+            React__default['default'].createElement(
+              'div',
+              { className: 'flyin__content-card-button' },
+              React__default['default'].createElement('div', { className: 'cta cta--select' }, 'Select')
+            )
           )
         )
       ),
       React__default['default'].createElement(
         'div',
         { className: 'flyin__button-wrapper' },
-        React__default['default'].createElement('button', { className: 'flyin__button' }, 'Next')
+        React__default['default'].createElement('button', { className: 'cta cta--select' }, 'Next')
       )
     )
   );
@@ -33652,7 +35262,7 @@ var HotelCard = function (_a) {
                 'div',
                 { className: 'rating' },
                 __spreadArray([], Array(result.stars), true).map(function (_, index) {
-                  return React__default['default'].createElement(Icon, { name: 'ui-star', key: 'rating-star-'.concat(index + 1), width: 14, height: 14 });
+                  return React__default['default'].createElement(Icon$1, { name: 'ui-star', key: 'rating-star-'.concat(index + 1), width: 14, height: 14 });
                 })
               ),
             React__default['default'].createElement('h3', { className: 'search__result-card__title' }, result.title)
@@ -33661,7 +35271,7 @@ var HotelCard = function (_a) {
         React__default['default'].createElement(
           'a',
           { className: 'search__result-card__location' },
-          React__default['default'].createElement(Icon, { name: 'ui-location', height: 16 }),
+          React__default['default'].createElement(Icon$1, { name: 'ui-location', height: 16 }),
           result.location
         ),
         React__default['default'].createElement(
@@ -33671,14 +35281,14 @@ var HotelCard = function (_a) {
             React__default['default'].createElement(
               'div',
               { className: 'search__result-card__option' },
-              React__default['default'].createElement(Icon, { name: 'ui-bed', height: 16 }),
+              React__default['default'].createElement(Icon$1, { name: 'ui-bed', height: 16 }),
               result.accommodation
             ),
           result.regime &&
             React__default['default'].createElement(
               'div',
               { className: 'search__result-card__option' },
-              React__default['default'].createElement(Icon, { name: 'ui-utensils', height: 16 }),
+              React__default['default'].createElement(Icon$1, { name: 'ui-utensils', height: 16 }),
               result.regime
             )
         ),
@@ -33965,7 +35575,7 @@ var RoundTripResults = function () {
             React__default['default'].createElement(
               'span',
               { className: 'search__result-card__allotment__badge' },
-              React__default['default'].createElement(Icon, { name: 'ui-circle-check', width: 14, height: 14 }),
+              React__default['default'].createElement(Icon$1, { name: 'ui-circle-check', width: 14, height: 14 }),
               'GAR'
             )
           ),
@@ -33981,17 +35591,17 @@ var RoundTripResults = function () {
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__date' },
-                  React__default['default'].createElement(Icon, { name: 'ui-plane', height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-plane', height: 16 }),
                   React__default['default'].createElement('div', { className: 'search__result-card__allotment__date--from' }, '05-04-2026')
                 ),
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__info' },
-                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon, { name: 'ui-calendar', height: 16 })),
+                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon$1, { name: 'ui-calendar', height: 16 })),
                   ' ',
                   '8 dagen -',
                   ' ',
-                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon, { name: 'ui-moon', height: 16 })),
+                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon$1, { name: 'ui-moon', height: 16 })),
                   '7 nachten'
                 )
               )
@@ -34006,13 +35616,13 @@ var RoundTripResults = function () {
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__person' },
-                  React__default['default'].createElement(Icon, { name: 'ui-men', width: 16, height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-men', width: 16, height: 16 }),
                   React__default['default'].createElement('span', null, '2 p.')
                 ),
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__person' },
-                  React__default['default'].createElement(Icon, { name: 'ui-women', width: 16, height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-women', width: 16, height: 16 }),
                   React__default['default'].createElement('span', null, '3 p.')
                 )
               )
@@ -34052,7 +35662,7 @@ var RoundTripResults = function () {
             React__default['default'].createElement(
               'span',
               { className: 'search__result-card__allotment__badge search__result-card__allotment__badge--secondary' },
-              React__default['default'].createElement(Icon, { name: 'ui-circle-half', width: 14, height: 14 }),
+              React__default['default'].createElement(Icon$1, { name: 'ui-circle-half', width: 14, height: 14 }),
               'BIJNA GAR'
             )
           ),
@@ -34068,17 +35678,17 @@ var RoundTripResults = function () {
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__date' },
-                  React__default['default'].createElement(Icon, { name: 'ui-plane', height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-plane', height: 16 }),
                   React__default['default'].createElement('div', { className: 'search__result-card__allotment__date--from' }, '05-04-2026')
                 ),
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__info' },
-                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon, { name: 'ui-calendar', height: 16 })),
+                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon$1, { name: 'ui-calendar', height: 16 })),
                   ' ',
                   '8 dagen -',
                   ' ',
-                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon, { name: 'ui-moon', height: 16 })),
+                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon$1, { name: 'ui-moon', height: 16 })),
                   '7 nachten'
                 )
               )
@@ -34093,13 +35703,13 @@ var RoundTripResults = function () {
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__person' },
-                  React__default['default'].createElement(Icon, { name: 'ui-men', width: 16, height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-men', width: 16, height: 16 }),
                   React__default['default'].createElement('span', null, '2 p.')
                 ),
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__person' },
-                  React__default['default'].createElement(Icon, { name: 'ui-women', width: 16, height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-women', width: 16, height: 16 }),
                   React__default['default'].createElement('span', null, '3 p.')
                 )
               )
@@ -34145,17 +35755,17 @@ var RoundTripResults = function () {
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__date' },
-                  React__default['default'].createElement(Icon, { name: 'ui-plane', height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-plane', height: 16 }),
                   React__default['default'].createElement('div', { className: 'search__result-card__allotment__date--from' }, '05-04-2026')
                 ),
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__info' },
-                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon, { name: 'ui-calendar', height: 16 })),
+                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon$1, { name: 'ui-calendar', height: 16 })),
                   ' ',
                   '8 dagen -',
                   ' ',
-                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon, { name: 'ui-moon', height: 16 })),
+                  React__default['default'].createElement('span', null, React__default['default'].createElement(Icon$1, { name: 'ui-moon', height: 16 })),
                   '7 nachten'
                 )
               )
@@ -34170,13 +35780,13 @@ var RoundTripResults = function () {
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__person' },
-                  React__default['default'].createElement(Icon, { name: 'ui-men', width: 16, height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-men', width: 16, height: 16 }),
                   React__default['default'].createElement('span', null, '2 p.')
                 ),
                 React__default['default'].createElement(
                   'div',
                   { className: 'search__result-card__allotment__person' },
-                  React__default['default'].createElement(Icon, { name: 'ui-women', width: 16, height: 16 }),
+                  React__default['default'].createElement(Icon$1, { name: 'ui-women', width: 16, height: 16 }),
                   React__default['default'].createElement('span', null, '3 p.')
                 )
               )
@@ -34398,7 +36008,12 @@ var FlightResults = function (_a) {
                               return handleDetailClick(flight.flightOptionId);
                             }
                           },
-                          React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
+                          React__default['default'].createElement(Icon$1, {
+                            name: 'ui-chevron',
+                            className: 'flight__detail__btn__arrow',
+                            width: 16,
+                            height: 16
+                          })
                         )
                       )
                     ),
@@ -34423,7 +36038,7 @@ var FlightResults = function (_a) {
                                 React__default['default'].createElement('strong', null, line.departureAirport),
                                 React__default['default'].createElement('p', null, dateFns.format(dateFns.parseISO(line.departureDate), 'EEE dd MMM yyyy'))
                               ),
-                              React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
+                              React__default['default'].createElement(Icon$1, { name: 'ui-plane-depart', width: 30, height: 20 })
                             ),
                             React__default['default'].createElement(
                               'div',
@@ -34434,7 +36049,7 @@ var FlightResults = function (_a) {
                             React__default['default'].createElement(
                               'div',
                               { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
-                              React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 }),
+                              React__default['default'].createElement(Icon$1, { name: 'ui-plane-arrive', width: 30, height: 20 }),
                               React__default['default'].createElement(
                                 'div',
                                 { className: 'flight__info__times flight__info__times--arrival' },
@@ -34454,7 +36069,7 @@ var FlightResults = function (_a) {
                                 React__default['default'].createElement(
                                   'div',
                                   { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
-                                  React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
+                                  React__default['default'].createElement(Icon$1, { name: 'ui-clock', width: 24, height: 24 })
                                 ),
                                 React__default['default'].createElement(
                                   'div',
@@ -35255,7 +36870,7 @@ var FlightOption = function (_a) {
                           });
                         }
                       },
-                      React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
+                      React__default['default'].createElement(Icon$1, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
                     )
                   )
                 ),
@@ -35282,7 +36897,7 @@ var FlightOption = function (_a) {
                           React__default['default'].createElement(
                             'div',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
+                            React__default['default'].createElement(Icon$1, { name: 'ui-plane-depart', width: 30, height: 20 })
                           )
                         ),
                         React__default['default'].createElement(
@@ -35299,7 +36914,7 @@ var FlightOption = function (_a) {
                           React__default['default'].createElement(
                             'div',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
+                            React__default['default'].createElement(Icon$1, { name: 'ui-plane-arrive', width: 30, height: 20 })
                           ),
                           React__default['default'].createElement(
                             'div',
@@ -35321,7 +36936,7 @@ var FlightOption = function (_a) {
                             React__default['default'].createElement(
                               'div',
                               { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
-                              React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
+                              React__default['default'].createElement(Icon$1, { name: 'ui-clock', width: 24, height: 24 })
                             ),
                             React__default['default'].createElement(
                               'div',
@@ -35421,7 +37036,7 @@ var FlightOption = function (_a) {
                           });
                         }
                       },
-                      React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
+                      React__default['default'].createElement(Icon$1, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
                     )
                   )
                 ),
@@ -35448,7 +37063,7 @@ var FlightOption = function (_a) {
                           React__default['default'].createElement(
                             'div',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
+                            React__default['default'].createElement(Icon$1, { name: 'ui-plane-depart', width: 30, height: 20 })
                           )
                         ),
                         React__default['default'].createElement(
@@ -35465,7 +37080,7 @@ var FlightOption = function (_a) {
                           React__default['default'].createElement(
                             'div',
                             null,
-                            React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
+                            React__default['default'].createElement(Icon$1, { name: 'ui-plane-arrive', width: 30, height: 20 })
                           ),
                           React__default['default'].createElement(
                             'div',
@@ -35487,7 +37102,7 @@ var FlightOption = function (_a) {
                             React__default['default'].createElement(
                               'div',
                               { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
-                              React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
+                              React__default['default'].createElement(Icon$1, { name: 'ui-clock', width: 24, height: 24 })
                             ),
                             React__default['default'].createElement(
                               'div',
@@ -35526,7 +37141,7 @@ var FlightAccommodationResults = function (_a) {
       React__default['default'].createElement(
         'div',
         { className: 'search__results__label__date' },
-        React__default['default'].createElement(Icon, { name: 'ui-flight', height: 16, fill: 'white' })
+        React__default['default'].createElement(Icon$1, { name: 'ui-flight', height: 16, fill: 'white' })
       ),
       React__default['default'].createElement(
         'div',
@@ -36070,7 +37685,7 @@ var FlightFilters = function (_a) {
           return handleSetIsOpen();
         }
       },
-      React__default['default'].createElement(Icon, { name: 'ui-close', height: 24 })
+      React__default['default'].createElement(Icon$1, { name: 'ui-close', height: 24 })
     ),
     React__default['default'].createElement(
       'div',
@@ -36645,7 +38260,7 @@ var FlightResultsContainer = function (_a) {
                     return setFiltersOpen(true);
                   }
                 },
-                React__default['default'].createElement(Icon, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
+                React__default['default'].createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
                 translations.SRP.FILTERS
               )
           ),
@@ -37219,7 +38834,7 @@ var SearchResultsContainer = function () {
                               return setFiltersOpen(true);
                             }
                           },
-                          React__default['default'].createElement(Icon, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
+                          React__default['default'].createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
                           translations.SRP.FILTERS
                         ),
                       context.type === 'hotel-flight' &&
@@ -37231,7 +38846,7 @@ var SearchResultsContainer = function () {
                               return setItineraryOpen(true);
                             }
                           },
-                          React__default['default'].createElement(Icon, { name: 'ui-calendar', className: 'mobile-filters-button__icon', height: 16 }),
+                          React__default['default'].createElement(Icon$1, { name: 'ui-calendar', className: 'mobile-filters-button__icon', height: 16 }),
                           translations.SRP.SHOW_ITINERARY
                         )
                     ),
@@ -37344,6 +38959,55 @@ var SearchResults = function (_a) {
   );
 };
 
+var ImageCardGrid = function (_a) {
+  var title = _a.title,
+    cards = _a.cards,
+    columns = _a.columns;
+  var columnsModifier = 'content__colums content__colums--'.concat(columns);
+  return React__default['default'].createElement(
+    'div',
+    { className: 'content' },
+    React__default['default'].createElement(
+      'div',
+      { className: 'content__container' },
+      React__default['default'].createElement(
+        'div',
+        { className: 'content__title__row' },
+        React__default['default'].createElement('h2', { className: 'content__title' }, title)
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: columnsModifier },
+        cards.map(function (card, index) {
+          return React__default['default'].createElement(
+            'div',
+            { className: 'text-in-image', key: index },
+            React__default['default'].createElement('img', { src: card.image, alt: card.title, className: 'text-in-image__image' }),
+            React__default['default'].createElement(
+              'div',
+              { className: 'text-in-image__content' },
+              React__default['default'].createElement('h3', { className: 'text-in-image__title' }, card.title),
+              React__default['default'].createElement('p', { className: 'text-in-image__description' }, card.description),
+              card.buttonText &&
+                React__default['default'].createElement(
+                  'button',
+                  {
+                    onClick: function () {
+                      var _a;
+                      return (_a = card.onButtonClick) === null || _a === void 0 ? void 0 : _a.call(card, card);
+                    },
+                    className: 'cta cta--select text-in-image__btn'
+                  },
+                  card.buttonText
+                )
+            )
+          );
+        })
+      )
+    )
+  );
+};
+
 var signalR$1 = {};
 
 var jqueryDeferred$1 = { exports: {} };
@@ -41242,6 +42906,7 @@ exports.BookingProduct = BookingProduct;
 exports.BookingWizard = BookingWizard;
 exports.Footer = Footer;
 exports.Header = Header;
+exports.ImageCardGrid = ImageCardGrid;
 exports.Navbar = Navbar;
 exports.QSM = QSM;
 exports.SearchResults = SearchResults;