@hhgtech/hhg-components 1.29.425 → 1.29.427

package/build/{index-ff88b3c3.js → GeneralInfo-93abc611.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
-var index$5 = require('./index-896cb554.js');
+var index$5 = require('./index-bb77e0cd.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-2ec21423.js');
-require('./index-91d347a4.js');
-var index$b = require('./index-2663b000.js');
-require('./index-4f9c33df.js');
-var index$3 = require('./index-b5dd07cd.js');
-var index$f = require('./index-d1ec8e7a.js');
-require('./index.styles-f7bd2a39.js');
-require('./translationsContext-5e9f7275.js');
+var index$7 = require('./index-77176185.js');
+require('./index-6ce3a5a5.js');
+var index$b = require('./index-c20fff5e.js');
+require('./index-20ccf63a.js');
+var index$3 = require('./index-29ce9a07.js');
+var index$f = require('./index-1db811a4.js');
+require('./index.styles-da48fc81.js');
+require('./translationsContext-bb2a10a6.js');
 require('@mantine/hooks');
-require('./text-ba4d7d89.js');
-var utils = require('./utils-1cdbbaaa.js');
-require('./index-7ef90d0c.js');
-var index$2 = require('./index-e482be3d.js');
+require('./text-5ca13f79.js');
+var utils = require('./utils-0f1586ab.js');
+require('./index-df1221e3.js');
+var index$2 = require('./index-f6dd9a00.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-ddf3f44f.js');
+var index$4 = require('./index-2ab7a34d.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-88b0cd46.js');
+var index$6 = require('./index-52ee73d6.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-96e03094.js');
+var useOutsideClick = require('./useOutsideClick-7f8a964b.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$a = require('./index-4b672aee.js');
-var index$8 = require('./index-f5da96c6.js');
-var index$9 = require('./index-089be51a.js');
-var index$c = require('./index-e7733305.js');
+var index$a = require('./index-66453094.js');
+var index$8 = require('./index-7026b771.js');
+var index$9 = require('./index-5ec81cca.js');
+var index$c = require('./index-e115a5fe.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-b56f6675.js');
-var index$d = require('./index-bde4f960.js');
+var index$e = require('./index-3c9a3781.js');
+var index$d = require('./index-149e0b12.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-fffa7d3d.js');
+var Locale = require('./Locale-a7b25e7b.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-1c3f9ca4.js');
+var index$g = require('./index-48d24f2f.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -4680,12 +4680,13 @@ function Item({ render, }) {
 }
 
 const DEFAULT_PAGE_SIZE = 10;
-function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, }) {
+const DEFAULT_DEBOUNCE = 300;
+function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, debounceSearch = DEFAULT_DEBOUNCE, defaultLoading, }) {
     const [items, setItems] = React.useState([]);
     const [total, setTotal] = React.useState(0);
     const [page, setPage] = React.useState(1);
     const [search, setSearch] = React.useState(defaultSearch);
-    const [loading, setLoading] = React.useState(false);
+    const [loading, setLoading] = React.useState(defaultLoading);
     const [loadingMore, setLoadingMore] = React.useState(false);
     const [filters, setFilters] = React.useState(defaultFilters);
     const loadData = ({ page, search, isMore, pageSize: customPage, filters: filtersData, }) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
@@ -4712,7 +4713,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
             setLoadingMore(false);
         }
     });
-    const loadDataDebounce = React.useCallback(debounce__default["default"](loadData, 300), []);
+    const loadDataDebounce = React.useCallback(debounce__default["default"](loadData, debounceSearch), []);
     const handleChangePage = (page) => {
         loadDataDebounce({
             search,
@@ -4788,12 +4789,14 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
     };
 }
 
-function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSize, }) {
+function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSize, debounceSearch, defaultLoading, }) {
     const listState = useList({
         fetcher,
         defaultFilters,
         defaultSearch,
         pageSize,
+        debounceSearch,
+        defaultLoading,
     });
     const value = React.useMemo(() => (Object.assign({}, listState)), [
         listState.items,
@@ -4989,6 +4992,96 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
         children));
 }
 
+// import CalendarDayIcon from '@/public/svg/calendar-days.svg'
+// import UsersIcon from '@/public/svg/users.svg'
+styled__default["default"](index$8.ImageWrap) `
+  width: 100%;
+  object-fit: cover;
+  object-position: center;
+  aspect-ratio: 375/190;
+`;
+styled__default["default"].div `
+  background-color: ${(props) => props.theme.colors.white};
+`;
+styled__default["default"].div `
+  color: ${(props) => props.theme.colors.neutral800};
+`;
+styled__default["default"].div `
+  color: ${(props) => props.theme.colors.neutral800};
+`;
+styled__default["default"].div `
+  display: flex;
+  gap: 12px;
+  padding: 12px 0px;
+
+  .icon {
+    width: 1rem;
+    height: 1rem;
+    flex-shrink: 0;
+  }
+
+  .text-regular {
+    font-size: 0.8125rem;
+    line-height: 1.25rem;
+    color: ${(props) => props.theme.colors.gray600};
+  }
+
+  .text-medium {
+    font-size: 0.8125rem;
+    line-height: 1.25rem;
+    font-weight: 500;
+    color: ${(props) => props.theme.colors.gray800};
+  }
+  b {
+    font-size: 0.8125rem;
+    line-height: 1.25rem;
+    font-weight: 500;
+    color: ${(props) => props.theme.colors.gray800};
+  }
+`;
+const GeneralInfoContainer = styled__default["default"].div `
+  background-color: #fff;
+`;
+
+const ProductImage = styled__default["default"](index$8.ImageWrap) `
+  width: 100%;
+  object-fit: cover;
+  object-position: center;
+  aspect-ratio: 375/190;
+`;
+const ProductContent = styled__default["default"].div `
+  padding: 1.5rem 1rem;
+
+  .description {
+    margin-top: 0.5rem;
+  }
+`;
+const ProductTitle = styled__default["default"].h1 `
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.75rem;
+  color: ${miscTheme.theme.colors.gray800};
+`;
+const ProductDescription = styled__default["default"].p `
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  color: #111111;
+`;
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, children, }) {
+    return (React__default["default"].createElement(GeneralInfoContainer, { className: className },
+        React__default["default"].createElement(ProductImage, { backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }),
+        React__default["default"].createElement(ProductContent, { className: contentClassName },
+            React__default["default"].createElement("div", null,
+                React__default["default"].createElement(ProductTitle, null, generalInfo.name),
+                generalInfo.description && (React__default["default"].createElement(ProductDescription, { className: "description" }, generalInfo.description))),
+            children)));
+}
+GeneralInfo.Container = GeneralInfoContainer;
+GeneralInfo.Image = ProductImage;
+GeneralInfo.Content = ProductContent;
+GeneralInfo.Title = ProductTitle;
+GeneralInfo.Description = ProductDescription;
+
 exports.AdBlock = AdBlock;
 exports.Breadcrumbs = Breadcrumbs;
 exports.CardListItem = CardListItem;
@@ -5000,6 +5093,7 @@ exports.DateRangePicker = DateRangePicker;
 exports.DoctorInfo = DoctorInfo;
 exports.FixedBottomAdBlock = FixedBottomAdBlock;
 exports.FloatButtonGroup = FloatButtonGroup;
+exports.GeneralInfo = GeneralInfo;
 exports.IconText = IconText;
 exports.List = List;
 exports.ListContext = ListContext;

package/build/{InputDate-34e6c8bc.js → InputDate-3d59e1f4.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-ba4d7d89.js');
+var text = require('./text-5ca13f79.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-2ec21423.js');
-var Locale = require('./Locale-fffa7d3d.js');
-var index$1 = require('./index-b5dd07cd.js');
+var index = require('./index-77176185.js');
+var Locale = require('./Locale-a7b25e7b.js');
+var index$1 = require('./index-29ce9a07.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-2a50d451.js → LastPeriod-5a251a32.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{MobileBottomNavigationIcon-28eebe17.js → MobileBottomNavigationIcon-08195b91.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
-var index = require('./index-b5dd07cd.js');
+var index = require('./index-29ce9a07.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-1cdbbaaa.js');
+var utils = require('./utils-0f1586ab.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{Spinner-83faca33.js → Spinner-887cab59.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{WhatsApp-d58e0f68.js → WhatsApp-b3f88cd2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,43 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-4b672aee.js');
-var index$1 = require('./index-b0d9b438.js');
-var index$2 = require('./index-c4f1b9d9.js');
-require('./tslib.es6-1f319ffe.js');
+var index = require('./index-66453094.js');
+var index$1 = require('./index-ddd2b7cb.js');
+var index$2 = require('./index-7b21ca61.js');
+require('./tslib.es6-080a907c.js');
 require('react');
-require('./index-d1ec8e7a.js');
+require('./index-1db811a4.js');
 require('@mantine/core');
-require('./shared-f688b6f0.js');
-require('./text-ba4d7d89.js');
-require('./index-896cb554.js');
+require('./shared-712db6ef.js');
+require('./text-5ca13f79.js');
+require('./index-bb77e0cd.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-2663b000.js');
+require('./index-c20fff5e.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fffa7d3d.js');
+require('./Locale-a7b25e7b.js');
 require('./constantsIsProduction.js');
-require('./index-f5da96c6.js');
-require('./utils-1cdbbaaa.js');
+require('./index-7026b771.js');
+require('./utils-0f1586ab.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-b5dd07cd.js');
-require('./index-4f9c33df.js');
+require('./index-29ce9a07.js');
+require('./index-20ccf63a.js');
 require('dayjs');
-require('./index-91d347a4.js');
+require('./index-6ce3a5a5.js');
 require('@mantine/notifications');
-require('./index-2ec21423.js');
+require('./index-77176185.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-a67d60b8.js');
+require('./useUniqueId-d04c07b6.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-f7bd2a39.js');
-require('./translationsContext-5e9f7275.js');
-require('./index-7ef90d0c.js');
+require('./index.styles-da48fc81.js');
+require('./translationsContext-bb2a10a6.js');
+require('./index-df1221e3.js');
 
 
 

package/build/ageGenerate-6c3aec30.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var dayjs = require('dayjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+
+const ageGenerate = (birthDate, calculateDate = new Date()) => {
+    const numberOfWeek = Math.ceil(dayjs__default["default"](calculateDate).diff(birthDate, 'week', true));
+    const numberOfMonth = dayjs__default["default"](calculateDate).diff(birthDate, 'month');
+    const numberOfYear = Math.floor(numberOfMonth / 12);
+    return {
+        year: numberOfYear,
+        month: numberOfMonth % 12,
+        week: numberOfWeek,
+    };
+};
+
+exports.ageGenerate = ageGenerate;

package/build/atoms.js

@@ -2,79 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-059d1f72.js');
-var index$1 = require('./index-46196d8a.js');
-var index$2 = require('./index-4b672aee.js');
-var index$3 = require('./index-fe3029f2.js');
-var index$4 = require('./index-896cb554.js');
-var index$5 = require('./index-c4f1b9d9.js');
-var index$6 = require('./index-b56f6675.js');
-var index$7 = require('./index-88b0cd46.js');
-var index$8 = require('./index-ddf3f44f.js');
-var index$9 = require('./index-b0d9b438.js');
-var index$a = require('./index-86edd643.js');
-var index$b = require('./index-158e18ea.js');
-var index$c = require('./index-5a24b86d.js');
-var index$d = require('./index-bde4f960.js');
-var index$e = require('./index-44c22870.js');
-var index$f = require('./index-df8920ba.js');
-var index$g = require('./index-091fc99e.js');
-var index$h = require('./index-0872ecc1.js');
-var logoIcon = require('./logoIcon-53e9478b.js');
-var index$i = require('./index-f5da96c6.js');
-var index$j = require('./index-9e1da53a.js');
-var index$k = require('./index-1c3f9ca4.js');
-var index$l = require('./index-14f470b9.js');
-var InputDate = require('./InputDate-34e6c8bc.js');
+var index = require('./index-53bef5a5.js');
+var index$1 = require('./index-1e9b97a1.js');
+var index$2 = require('./index-66453094.js');
+var index$3 = require('./index-2ab7a34d.js');
+var index$4 = require('./index-b3f4142d.js');
+var index$5 = require('./index-0e9f69bb.js');
+var index$6 = require('./index-149e0b12.js');
+var index$7 = require('./index-bb77e0cd.js');
+var index$8 = require('./index-7b21ca61.js');
+var index$9 = require('./index-140610cf.js');
+var index$a = require('./index-3c9a3781.js');
+var index$b = require('./index-52ee73d6.js');
+var index$c = require('./index-860a5232.js');
+var index$d = require('./index-ddd2b7cb.js');
+var index$e = require('./index-bac4b5c7.js');
+var index$f = require('./index-4d996251.js');
+var index$g = require('./index-26a24305.js');
+var index$h = require('./index-1b2777f7.js');
+var index$i = require('./index-7026b771.js');
+var logoIcon = require('./logoIcon-f56bf940.js');
+var index$j = require('./index-76581e00.js');
+var index$k = require('./index-48d24f2f.js');
+var index$l = require('./index-83e82160.js');
+var InputDate = require('./InputDate-3d59e1f4.js');
 require('react');
-require('./index-b5dd07cd.js');
-require('./tslib.es6-1f319ffe.js');
+require('./index-29ce9a07.js');
+require('./tslib.es6-080a907c.js');
 require('@mantine/core');
-require('./text-ba4d7d89.js');
+require('./text-5ca13f79.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-1cdbbaaa.js');
+require('./utils-0f1586ab.js');
+require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-d1ec8e7a.js');
-require('./shared-f688b6f0.js');
-require('@hhgtech/icons/other');
-require('@mantine/hooks');
-require('./index-2663b000.js');
+require('./index-1db811a4.js');
+require('./shared-712db6ef.js');
+require('@mantine/dates');
+require('./index-77176185.js');
+require('date-fns/locale');
+require('./index-6ce3a5a5.js');
+require('./Locale-a7b25e7b.js');
+require('./constantsSite.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fffa7d3d.js');
+require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('@mantine/carousel');
-require('./index-4f9c33df.js');
+require('./index-c20fff5e.js');
+require('./index-20ccf63a.js');
 require('dayjs');
-require('./index-91d347a4.js');
 require('@mantine/notifications');
-require('./index-2ec21423.js');
-require('date-fns/locale');
-require('./constantsSite.js');
-require('./constantsRiskScreener.js');
+require('./index.styles-da48fc81.js');
+require('./translationsContext-bb2a10a6.js');
+require('./index-df1221e3.js');
+require('@hhgtech/icons/other');
+require('@emotion/react');
+require('./animation-f47d0d8e.js');
+require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-a67d60b8.js');
+require('./useUniqueId-d04c07b6.js');
 require('@hhgtech/icons/core');
-require('@mantine/dates');
-require('./index.styles-f7bd2a39.js');
-require('./translationsContext-5e9f7275.js');
-require('./index-7ef90d0c.js');
-require('./WhatsApp-d58e0f68.js');
-require('./Spinner-83faca33.js');
-require('@emotion/react');
-require('./animation-1e3c7b37.js');
-require('./index-ee7721be.js');
-require('./index-089be51a.js');
-require('./paths-dcd63bbc.js');
-require('./constants-af3375ca.js');
-require('./utils-e751b584.js');
-require('./index-8fb0f02e.js');
+require('./WhatsApp-b3f88cd2.js');
+require('./Spinner-887cab59.js');
+require('./index-d53d9ac9.js');
+require('./index-5ec81cca.js');
+require('./paths-bb1adf12.js');
+require('./constants-bfe95ffe.js');
+require('./utils-b66de92a.js');
+require('./index-3dac41ab.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-c63df96d.js');
+require('./constants-c75d902a.js');
 require('vaul');
 
 
@@ -82,8 +82,11 @@ require('vaul');
 exports.Alert = index.Alert;
 exports.Badge = index.Badge;
 exports.BorderHeading = index.BorderHeading;
+exports.CardCollapse = index.CardCollapse;
 exports.FileDropdown = index.FileDropdown;
 exports.Grid = index.Grid;
+exports.HtmlContent = index.HtmlContent;
+exports.IconHeading = index.IconHeading;
 exports.Radio = index.Radio;
 exports.RateStars = index.RateStars;
 exports.StepRenderer = index.StepRenderer;
@@ -91,30 +94,32 @@ exports.StepRendererContext = index.StepRendererContext;
 exports.Tag = index.Tag;
 exports.Toggle = index.Toggle;
 exports.Avatar = index$1.Avatar;
+exports.DistanceTag = index$1.DistanceTag;
+exports.IconWrapper = index$1.IconWrapper;
 exports.Button = index$2.Button;
-exports.Divider = index$3.Divider;
-exports.Flag = index$4.Flag;
-exports.Heading = index$5.Heading;
-exports.Input = index$6.Input;
-exports.Label = index$6.Label;
-exports.Logo = index$7.Logo;
-exports.Checkbox = index$8.Checkbox;
-exports.Pagination = index$8.Pagination;
-exports.PureInput = index$8.PureInput;
-exports.SearchInput = index$8.SearchInput;
-exports.StyledSearchIcon = index$8.StyledSearchIcon;
-exports.Text = index$9.Text;
-exports.TextArea = index$a.TextArea;
-exports.Container = index$b.Container;
-exports.Icon = index$c.Icon;
-exports.Drawer = index$d.Drawer;
-exports.RadioImageGroup = index$e.RadioImageGroup;
+exports.Checkbox = index$3.Checkbox;
+exports.Pagination = index$3.Pagination;
+exports.PureInput = index$3.PureInput;
+exports.SearchInput = index$3.SearchInput;
+exports.StyledSearchIcon = index$3.StyledSearchIcon;
+exports.Container = index$4.Container;
+exports.Divider = index$5.Divider;
+exports.Drawer = index$6.Drawer;
+exports.Flag = index$7.Flag;
+exports.Heading = index$8.Heading;
+exports.Icon = index$9.Icon;
+exports.Input = index$a.Input;
+exports.Label = index$a.Label;
+exports.Logo = index$b.Logo;
+exports.RadioImageGroup = index$c.RadioImageGroup;
+exports.Text = index$d.Text;
+exports.TextArea = index$e.TextArea;
 exports.AuthorBadge = index$f.AuthorBadge;
 exports.BookingBtn = index$f.BookingBtn;
-exports.CustomReferenceDot = index$g.CustomReferenceDot;
-exports.BtnChoice = index$h.BtnChoice;
-exports.LogoIcon = logoIcon.LogoIcon;
+exports.BtnChoice = index$g.BtnChoice;
+exports.CustomReferenceDot = index$h.CustomReferenceDot;
 exports.ImageWrap = index$i.ImageWrap;
+exports.LogoIcon = logoIcon.LogoIcon;
 exports.GenderOptionControl = index$j.GenderOptionControl;
 exports.Loading = index$k.Loading;
 exports.DrawerComponent = index$l.DrawerComponent;