profinansy-ui-lib 3.6.50 → 3.6.51

package/dist/Icons.stories.js

@@ -0,0 +1,1258 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AllIcons = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const StoryTitle_1 = require("./components/uikit/storybook/StoryTitle/StoryTitle");
+const About_svg_1 = __importDefault(require("./icons/About.svg"));
+const Analytic_svg_1 = __importDefault(require("./icons/Analytic.svg"));
+const Apple_svg_1 = __importDefault(require("./icons/Apple.svg"));
+const ArrowLeft_svg_1 = __importDefault(require("./icons/ArrowLeft.svg"));
+const ArrowLeft2_svg_1 = __importDefault(require("./icons/ArrowLeft2.svg"));
+const ArrowLeftMiddle_svg_1 = __importDefault(require("./icons/ArrowLeftMiddle.svg"));
+const ArrowLeftSmall_svg_1 = __importDefault(require("./icons/ArrowLeftSmall.svg"));
+const ArrowLink_svg_1 = __importDefault(require("./icons/ArrowLink.svg"));
+const ArrowRight_svg_1 = __importDefault(require("./icons/ArrowRight.svg"));
+const Avatar_svg_1 = __importDefault(require("./icons/Avatar.svg"));
+const BigLogo_svg_1 = __importDefault(require("./icons/BigLogo.svg"));
+const Blog_svg_1 = __importDefault(require("./icons/Blog.svg"));
+const Bonds_svg_1 = __importDefault(require("./icons/Bonds.svg"));
+const Book_svg_1 = __importDefault(require("./icons/Book.svg"));
+const Bookmarks_svg_1 = __importDefault(require("./icons/Bookmarks.svg"));
+const Briefcase_svg_1 = __importDefault(require("./icons/Briefcase.svg"));
+const Broker_svg_1 = __importDefault(require("./icons/Broker.svg"));
+const ButtonPaging_svg_1 = __importDefault(require("./icons/ButtonPaging.svg"));
+const Calculator_svg_1 = __importDefault(require("./icons/Calculator.svg"));
+const Calendar_svg_1 = __importDefault(require("./icons/Calendar.svg"));
+const Channels_svg_1 = __importDefault(require("./icons/Channels.svg"));
+const Chart_svg_1 = __importDefault(require("./icons/Chart.svg"));
+const ChartSquare_svg_1 = __importDefault(require("./icons/ChartSquare.svg"));
+const Charts_svg_1 = __importDefault(require("./icons/Charts.svg"));
+const Chats_svg_1 = __importDefault(require("./icons/Chats.svg"));
+const Checklist_svg_1 = __importDefault(require("./icons/Checklist.svg"));
+const Checkmark_svg_1 = __importDefault(require("./icons/Checkmark.svg"));
+const Chevron_svg_1 = __importDefault(require("./icons/Chevron.svg"));
+const Close_svg_1 = __importDefault(require("./icons/Close.svg"));
+const Close2_svg_1 = __importDefault(require("./icons/Close2.svg"));
+const Close3_svg_1 = __importDefault(require("./icons/Close3.svg"));
+const Close4_svg_1 = __importDefault(require("./icons/Close4.svg"));
+const CloseSmall_svg_1 = __importDefault(require("./icons/CloseSmall.svg"));
+const Club_svg_1 = __importDefault(require("./icons/Club.svg"));
+const Coins_svg_1 = __importDefault(require("./icons/Coins.svg"));
+const Comment_svg_1 = __importDefault(require("./icons/Comment.svg"));
+const Community_svg_1 = __importDefault(require("./icons/Community.svg"));
+const Compare_svg_1 = __importDefault(require("./icons/Compare.svg"));
+const Compilations_svg_1 = __importDefault(require("./icons/Compilations.svg"));
+const Converter_svg_1 = __importDefault(require("./icons/Converter.svg"));
+const Count_svg_1 = __importDefault(require("./icons/Count.svg"));
+const Course_svg_1 = __importDefault(require("./icons/Course.svg"));
+const Courses_svg_1 = __importDefault(require("./icons/Courses.svg"));
+const Crown_svg_1 = __importDefault(require("./icons/Crown.svg"));
+const Dark_svg_1 = __importDefault(require("./icons/Dark.svg"));
+const Dashboard_svg_1 = __importDefault(require("./icons/Dashboard.svg"));
+const Desires_svg_1 = __importDefault(require("./icons/Desires.svg"));
+const Done_svg_1 = __importDefault(require("./icons/Done.svg"));
+const DoubleArrow_svg_1 = __importDefault(require("./icons/DoubleArrow.svg"));
+const ETF_svg_1 = __importDefault(require("./icons/ETF.svg"));
+const Exit_svg_1 = __importDefault(require("./icons/Exit.svg"));
+const Eye_svg_1 = __importDefault(require("./icons/Eye.svg"));
+const Eye2_svg_1 = __importDefault(require("./icons/Eye2.svg"));
+const EyeClose_svg_1 = __importDefault(require("./icons/EyeClose.svg"));
+const Favourite_svg_1 = __importDefault(require("./icons/Favourite.svg"));
+const Favourite3_svg_1 = __importDefault(require("./icons/Favourite3.svg"));
+const Filter_svg_1 = __importDefault(require("./icons/Filter.svg"));
+const Filter2_svg_1 = __importDefault(require("./icons/Filter2.svg"));
+const Fire_svg_1 = __importDefault(require("./icons/Fire.svg"));
+const Google_svg_1 = __importDefault(require("./icons/Google.svg"));
+const Graph_svg_1 = __importDefault(require("./icons/Graph.svg"));
+const Hint_svg_1 = __importDefault(require("./icons/Hint.svg"));
+const House_svg_1 = __importDefault(require("./icons/House.svg"));
+const Huawei_svg_1 = __importDefault(require("./icons/Huawei.svg"));
+const IPO_svg_1 = __importDefault(require("./icons/IPO.svg"));
+const Investment_svg_1 = __importDefault(require("./icons/Investment.svg"));
+const Investology_svg_1 = __importDefault(require("./icons/Investology.svg"));
+const Kfp_svg_1 = __importDefault(require("./icons/Kfp.svg"));
+const King_svg_1 = __importDefault(require("./icons/King.svg"));
+const Lenta_svg_1 = __importDefault(require("./icons/Lenta.svg"));
+const LibraryInvest_svg_1 = __importDefault(require("./icons/LibraryInvest.svg"));
+const Light_svg_1 = __importDefault(require("./icons/Light.svg"));
+const Like_svg_1 = __importDefault(require("./icons/Like.svg"));
+const Lock_svg_1 = __importDefault(require("./icons/Lock.svg"));
+const Login_svg_1 = __importDefault(require("./icons/Login.svg"));
+const Logo_svg_1 = __importDefault(require("./icons/Logo.svg"));
+const LogoForBlack_svg_1 = __importDefault(require("./icons/LogoForBlack.svg"));
+const LogoHeader_svg_1 = __importDefault(require("./icons/LogoHeader.svg"));
+const Magicpen_svg_1 = __importDefault(require("./icons/Magicpen.svg"));
+const Medal_svg_1 = __importDefault(require("./icons/Medal.svg"));
+const MedalIcon_svg_1 = __importDefault(require("./icons/MedalIcon.svg"));
+const Messeges_svg_1 = __importDefault(require("./icons/Messeges.svg"));
+const Moon_svg_1 = __importDefault(require("./icons/Moon.svg"));
+const MyMoney_svg_1 = __importDefault(require("./icons/MyMoney.svg"));
+const News_svg_1 = __importDefault(require("./icons/News.svg"));
+const Notification_svg_1 = __importDefault(require("./icons/Notification.svg"));
+const Notifications_svg_1 = __importDefault(require("./icons/Notifications.svg"));
+const OpenBook_svg_1 = __importDefault(require("./icons/OpenBook.svg"));
+const Partner_svg_1 = __importDefault(require("./icons/Partner.svg"));
+const People_svg_1 = __importDefault(require("./icons/People.svg"));
+const Percent_svg_1 = __importDefault(require("./icons/Percent.svg"));
+const Plus_svg_1 = __importDefault(require("./icons/Plus.svg"));
+const Podcasts_svg_1 = __importDefault(require("./icons/Podcasts.svg"));
+const PopupClose_svg_1 = __importDefault(require("./icons/PopupClose.svg"));
+const PortfolioPremium_svg_1 = __importDefault(require("./icons/PortfolioPremium.svg"));
+const Portfolios_svg_1 = __importDefault(require("./icons/Portfolios.svg"));
+const Profile2_svg_1 = __importDefault(require("./icons/Profile2.svg"));
+const Purposes_svg_1 = __importDefault(require("./icons/Purposes.svg"));
+const Ranking_svg_1 = __importDefault(require("./icons/Ranking.svg"));
+const Remove_svg_1 = __importDefault(require("./icons/Remove.svg"));
+const Savings_svg_1 = __importDefault(require("./icons/Savings.svg"));
+const Screener_svg_1 = __importDefault(require("./icons/Screener.svg"));
+const Search_svg_1 = __importDefault(require("./icons/Search.svg"));
+const Search2_svg_1 = __importDefault(require("./icons/Search2.svg"));
+const Search3_svg_1 = __importDefault(require("./icons/Search3.svg"));
+const Search4_svg_1 = __importDefault(require("./icons/Search4.svg"));
+const Search5_svg_1 = __importDefault(require("./icons/Search5.svg"));
+const SearchInstruments_svg_1 = __importDefault(require("./icons/SearchInstruments.svg"));
+const Selections_svg_1 = __importDefault(require("./icons/Selections.svg"));
+const Share_svg_1 = __importDefault(require("./icons/Share.svg"));
+const Shop_svg_1 = __importDefault(require("./icons/Shop.svg"));
+const SortArrow_svg_1 = __importDefault(require("./icons/SortArrow.svg"));
+const Sorting_svg_1 = __importDefault(require("./icons/Sorting.svg"));
+const Sun_svg_1 = __importDefault(require("./icons/Sun.svg"));
+const TG_svg_1 = __importDefault(require("./icons/TG.svg"));
+const Tariffs_svg_1 = __importDefault(require("./icons/Tariffs.svg"));
+const Telegram_svg_1 = __importDefault(require("./icons/Telegram.svg"));
+const Trend_svg_1 = __importDefault(require("./icons/Trend.svg"));
+const Vacation_svg_1 = __importDefault(require("./icons/Vacation.svg"));
+const VideoPlay_svg_1 = __importDefault(require("./icons/VideoPlay.svg"));
+const Wallet_svg_1 = __importDefault(require("./icons/Wallet.svg"));
+const WalletAdd_svg_1 = __importDefault(require("./icons/WalletAdd.svg"));
+const Yoututbe_svg_1 = __importDefault(require("./icons/Yoututbe.svg"));
+exports.default = {
+    title: 'Icons/icons'
+};
+const Wrapper = styled_components_1.default.div `
+  display: flex;
+  gap: 30px;
+  flex-wrap: wrap;
+  & svg {
+    max-height: 40px;
+  }
+`;
+const AllIcons = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0441\u0435 \u0438\u043A\u043E\u043D\u043A\u0438 \u043D\u0430 \u043F\u0440\u043E\u0435\u043A\u0442\u0435"),
+        react_1.default.createElement("div", { style: { background: '#d0d0d0', padding: '10px' } },
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(About_svg_1.default, null),
+                    react_1.default.createElement("span", null, "About")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Analytic_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Analytic")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Apple_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Apple")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ArrowLeft_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ArrowLeft")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ArrowLeft2_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ArrowLeft2")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ArrowLeftMiddle_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ArrowLeftMiddle")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ArrowLeftSmall_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ArrowLeftSmall")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ArrowLink_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ArrowLink")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ArrowRight_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ArrowRight")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Avatar_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Avatar")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(BigLogo_svg_1.default, null),
+                    react_1.default.createElement("span", null, "BigLogo")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Blog_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Blog")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Bonds_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Bonds")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Book_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Book")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Bookmarks_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Bookmarks")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Briefcase_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Briefcase")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Broker_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Broker")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ButtonPaging_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ButtonPaging")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Calculator_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Calculator")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Calendar_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Calendar")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Channels_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Channels")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Chart_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Chart")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ChartSquare_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ChartSquare")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Charts_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Charts")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Chats_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Chats")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Checklist_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Checklist")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Checkmark_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Checkmark")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Chevron_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Chevron")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Close_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Close")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Close2_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Close2")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Close3_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Close3")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Close4_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Close4")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(CloseSmall_svg_1.default, null),
+                    react_1.default.createElement("span", null, "CloseSmall")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Club_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Club")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Coins_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Coins")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Comment_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Comment")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Community_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Community")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Compare_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Compare")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Compilations_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Compilations")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Converter_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Converter")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Count_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Count")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Course_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Course")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Courses_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Courses")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Crown_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Crown")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Dark_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Dark")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Dashboard_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Dashboard")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Desires_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Desires")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Done_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Done")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(DoubleArrow_svg_1.default, null),
+                    react_1.default.createElement("span", null, "DoubleArrow")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(ETF_svg_1.default, null),
+                    react_1.default.createElement("span", null, "ETF")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Exit_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Exit")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Eye_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Eye")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Eye2_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Eye2")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(EyeClose_svg_1.default, null),
+                    react_1.default.createElement("span", null, "EyeClose")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Favourite_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Favourite")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Favourite3_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Favourite3")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Filter_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Filter")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Filter2_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Filter2")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Fire_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Fire")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Google_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Google")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Graph_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Graph")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Hint_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Hint")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(House_svg_1.default, null),
+                    react_1.default.createElement("span", null, "House")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Huawei_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Huawei")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(IPO_svg_1.default, null),
+                    react_1.default.createElement("span", null, "IPO")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Investment_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Investment")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Investology_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Investology")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Kfp_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Kfp")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(King_svg_1.default, null),
+                    react_1.default.createElement("span", null, "King")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Lenta_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Lenta")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(LibraryInvest_svg_1.default, null),
+                    react_1.default.createElement("span", null, "LibraryInvest")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Light_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Light")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Like_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Like")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Lock_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Lock")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Login_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Login")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Logo_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Logo")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(LogoForBlack_svg_1.default, null),
+                    react_1.default.createElement("span", null, "LogoForBlack")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(LogoHeader_svg_1.default, null),
+                    react_1.default.createElement("span", null, "LogoHeader")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Magicpen_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Magicpen")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Medal_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Medal")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(MedalIcon_svg_1.default, null),
+                    react_1.default.createElement("span", null, "MedalIcon")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Messeges_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Messeges")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Moon_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Moon")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(MyMoney_svg_1.default, null),
+                    react_1.default.createElement("span", null, "MyMoney")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(News_svg_1.default, null),
+                    react_1.default.createElement("span", null, "News")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Notification_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Notification")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Notifications_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Notifications")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(OpenBook_svg_1.default, null),
+                    react_1.default.createElement("span", null, "OpenBook")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Partner_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Partner")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(People_svg_1.default, null),
+                    react_1.default.createElement("span", null, "People")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Percent_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Percent")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Plus_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Plus")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Podcasts_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Podcasts")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(PopupClose_svg_1.default, null),
+                    react_1.default.createElement("span", null, "PopupClose")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(PortfolioPremium_svg_1.default, null),
+                    react_1.default.createElement("span", null, "PortfolioPremium")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Portfolios_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Portfolios")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Profile2_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Profile2")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Purposes_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Purposes")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Ranking_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Ranking")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Remove_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Remove")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Savings_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Savings")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Screener_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Screener")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Search_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Search")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Search2_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Search2")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Search3_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Search3")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Search4_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Search4")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Search5_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Search5")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(SearchInstruments_svg_1.default, null),
+                    react_1.default.createElement("span", null, "SearchInstruments")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Selections_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Selections")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Share_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Share")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Shop_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Shop")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(SortArrow_svg_1.default, null),
+                    react_1.default.createElement("span", null, "SortArrow")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Sorting_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Sorting")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Sun_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Sun")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(TG_svg_1.default, null),
+                    react_1.default.createElement("span", null, "TG")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Tariffs_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Tariffs")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Telegram_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Telegram")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Trend_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Trend")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Vacation_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Vacation")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(VideoPlay_svg_1.default, null),
+                    react_1.default.createElement("span", null, "VideoPlay")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Wallet_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Wallet")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(WalletAdd_svg_1.default, null),
+                    react_1.default.createElement("span", null, "WalletAdd")),
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '5px'
+                    } },
+                    react_1.default.createElement(Yoututbe_svg_1.default, null),
+                    react_1.default.createElement("span", null, "Yoututbe"))))));
+};
+exports.AllIcons = AllIcons;
+//# sourceMappingURL=Icons.stories.js.map