ecomlab-components-next 0.1.27 → 0.1.29

package/dist/components/ConstructorComponents/MainContainer/MainContainer.js

@@ -5,13 +5,84 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _Header = _interopRequireDefault(require("../Header/Header"));
+var _AdvantagesBlock = _interopRequireDefault(require("../AdvantagesBlock/AdvantagesBlock"));
+var _ArticlesBlock = _interopRequireDefault(require("../ArticlesBlock/ArticlesBlock"));
+var _CardsGrey = _interopRequireDefault(require("../CardsGrey/CardsGrey"));
+var _BlocksInfo = _interopRequireDefault(require("../BlocksInfo/BlocksInfo"));
 var _image = _interopRequireDefault(require("next/image"));
 require("./MainContainer.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var advantages_list = [{
+  title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 SEO-\u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0422\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 CRM ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 PIM \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 ", /*#__PURE__*/_react["default"].createElement("br", null))
+}, {
+  title: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0412 2 \u0440\u0430\u0437\u0430 \u0441\u043E\u043A\u0440\u0430\u0442\u0438 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u043D\u0430 \u0440\u0435\u043A\u043B\u0430\u043C\u0443. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u042D\u0444\u0444\u0435\u043A\u0442\u0438\u0432\u043D\u043E \u0440\u0430\u0441\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0439 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043F\u043E\u043B\u0443\u0447\u0430\u0439 \u0434\u0435\u0442\u0430\u043B\u044C\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u0439 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0438. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041F\u043E\u043B\u0443\u0447\u0438 \u0431\u043E\u043B\u0435\u0435 50 \u0444\u0443\u043D\u043A\u0446\u0438\u0439 \u0434\u043B\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445.")
+}, {
+  title: "\u042D\u043A\u043E\u043D\u043E\u043C\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0438 \u0434\u0435\u043D\u0435\u0433",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0421\u0447\u0438\u0442\u0430\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0439 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0438\u0437 \u0435\u0434\u0438\u043D\u043E\u0433\u043E \u043B\u0438\u0447\u043D\u043E\u0433\u043E \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0430.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0440\u0443\u0442\u0438\u043D\u043D\u044B\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043E\u0441\u0432\u043E\u0431\u043E\u0434\u0438 \u0431\u043E\u043B\u0435\u0435 50% \u0440\u0430\u0431\u043E\u0447\u0435\u0433\u043E \u0432\u0440\u0435\u043C\u0435\u043D\u0438.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0421\u044D\u043A\u043E\u043D\u043E\u043C\u044C 40% \u0431\u044E\u0434\u0436\u0435\u0442\u0430 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 \u0437\u0430 \u0441\u0447\u0451\u0442 \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043D\u0435\u0441-\u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432.")
+}, {
+  title: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0431\u043E\u043B\u0435\u0435 75% \u0432\u0441\u0435\u0445 \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u044E\u0442\u0441\u044F \u0440\u0443\u043A\u0430\u043C\u0438.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439 \u0441\u044D\u043A\u043E\u043D\u043E\u043C\u043B\u0435\u043D\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u043D\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438 \u043C\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0438\u0437\u043D\u0435\u0441\u0430.", /*#__PURE__*/_react["default"].createElement("br", null))
+}];
+var possibilities_list = [{
+  label: "\u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 \u043F\u0440\u043E\u0434\u0430\u0436 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u041F\u043E\u043B\u0443\u0447\u0430\u0439 \u0434\u0435\u0442\u0430\u043B\u044C\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u0442\u0432\u043E\u0438\u0445 \u043F\u0440\u043E\u0434\u0430\u0436 \u043F\u043E Wildberries, Ozon \u0438 \u042F\u043D\u0434\u0435\u043A\u0441 \u041C\u0430\u0440\u043A\u0435\u0442 \u0432 \u0440\u0430\u0437\u0440\u0435\u0437\u0435 \u0431\u043E\u043B\u0435\u0435 20 \u043C\u0435\u0442\u0440\u0438\u043A.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439 \u0441\u0432\u043E\u0438 \u043F\u0440\u043E\u0434\u0430\u0436\u0438 \u043D\u0430 \u043E\u0441\u043D\u043E\u0432\u0435 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445 \u0438 \u043D\u0430\u0448\u0438\u0445 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043E\u043A."),
+  img: "https://dl.ecomru.ru:9001/dev-images/image_383.png"
+}, {
+  label: "\u0410\u043D\u0430\u043B\u0438\u0437 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0435\u0439",
+  description: "\u0410\u043D\u0430\u043B\u0438\u0437\u0438\u0440\u0443\u0439 \u044D\u0444\u0444\u0435\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C \u0440\u0435\u043A\u043B\u0430\u043C\u044B, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439 \n        \u043D\u0430\u0448\u0438 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0435 \u043F\u043E\u0434\u0431\u043E\u0440\u043A\u0438 \u0434\u043B\u044F \u0437\u0430\u043F\u0443\u0441\u043A\u0430 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u043D\u0430 \u0432\u044B\u0431\u043E\u0440\u043A\u0438 \n        \u0442\u043E\u0432\u0430\u0440\u043E\u0432. \u041D\u0430\u0448 \u0441\u0435\u0440\u0432\u0438\u0441 \u0432\u0435\u0431 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0438 \u043F\u043E\u0437\u0432\u043E\u043B\u0438\u0442 \u0442\u0435\u0431\u0435 \u0432 \u043E\u0434\u043D\u043E\u043C \u043E\u0442\u0447\u0435\u0442\u0435 \n        \u0432\u0438\u0434\u0435\u0442\u044C \u0432\u0441\u0435 \u043C\u0435\u0442\u0440\u0438\u043A\u0438 \u043F\u0440\u043E\u0434\u0430\u0436 \u0438 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0435 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0438.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_384.png"
+}, {
+  label: "\u0417\u0430\u043A\u0430\u0437\u044B \u0438 \u043F\u0440\u043E\u0434\u0430\u0436\u0438",
+  description: "\u0421\u043C\u043E\u0442\u0440\u0438 \u043F\u043E\u0434\u0440\u043E\u0431\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u043C\u0443 \n        \u0437\u0430\u043A\u0430\u0437\u0443 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0435. \u041E\u0442\u0441\u043B\u0435\u0436\u0438\u0432\u0430\u0439 \u0441\u0442\u0430\u0442\u0443\u0441\u044B, \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0439 \n        \u0433\u0435\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0441\u0442\u0430\u0432\u043E\u043A \u0438 \u0432\u044B\u0447\u0438\u0441\u043B\u044F\u0439 \u044E\u043D\u0438\u0442-\u044D\u043A\u043E\u043D\u043E\u043C\u0438\u043A\u0443 \u043D\u0430 \u043E\u0441\u043D\u043E\u0432\u0435 \n        \u0440\u0430\u0441\u0445\u043E\u0434\u043E\u0432 \u0438 \u0447\u0438\u0441\u0442\u043E\u0439 \u043F\u0440\u0438\u0431\u044B\u043B\u0438 \u0441 \u043A\u0430\u0436\u0434\u043E\u0433\u043E \u043F\u0440\u043E\u0434\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_385.png"
+}, {
+  label: "\u0412\u043E\u0437\u0432\u0440\u0430\u0442\u044B \u0438 \u043E\u0442\u043C\u0435\u043D\u044B",
+  description: "\u0410\u043D\u0430\u043B\u0438\u0437\u0438\u0440\u0443\u0439 \u0441\u0432\u043E\u0439 \u0430\u0441\u0441\u043E\u0440\u0442\u0438\u043C\u0435\u043D\u0442 \u043F\u043E \u043E\u0442\u043C\u0435\u043D\u0430\u043C \u0438 \u0432\u043E\u0437\u0432\u0440\u0430\u0442\u0430\u043C, \n        \u0432\u044B\u044F\u0432\u043B\u044F\u0439 \u043A\u0430\u043A\u0438\u0435 \u0442\u043E\u0432\u0430\u0440\u044B \u0438 \u043F\u043E\u0447\u0435\u043C\u0443 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043E \u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u044E\u0442 \u043A\u043B\u0438\u0435\u043D\u0442\u044B.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_391.png",
+  link: '/tasks'
+}, {
+  label: "\u0426\u0435\u043D\u044B",
+  description: "\u0421\u043B\u0435\u0434\u0438 \u0437\u0430 \u0434\u0438\u043D\u0430\u043C\u0438\u043A\u043E\u0439 \u0446\u0435\u043D \u043D\u0430 \u0440\u044B\u043D\u043A\u0435, \u0441\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u0439 \n        \u0441\u043E \u0441\u0432\u043E\u0438\u043C\u0438 \u0438 \u043F\u0440\u043E\u0432\u043E\u0434\u0438 \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_386_1.png",
+  link: '/marketing'
+}, {
+  label: "\u041E\u0441\u0442\u0430\u0442\u043A\u0438",
+  description: "\u041E\u0442\u0441\u043B\u0435\u0436\u0438\u0432\u0430\u0439 \u043D\u0430\u043B\u0438\u0447\u0438\u0435 \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043D\u0430 \u0441\u043A\u043B\u0430\u0434\u0430\u0445, \n        \u0432\u044B\u0447\u0438\u0441\u043B\u044F\u0439 \u043E\u0431\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u043C\u043E\u0441\u0442\u044C, \u0443\u043F\u0443\u0449\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0434\u0430\u0436\u0438 \n        \u0438 \u0441\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u0439 \u043E\u043F\u0442\u0438\u043C\u0430\u043B\u044C\u043D\u044B\u0439 \u0433\u0440\u0430\u0444\u0438\u043A \u043F\u043E\u0441\u0442\u0430\u0432\u043E\u043A.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_388.png",
+  link: '/products'
+}, {
+  label: "\u041A\u0440\u043E\u0441\u0441-\u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430",
+  description: "\u041F\u0440\u043E\u0432\u043E\u0434\u0438 \u0441\u0440\u0430\u0432\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0430\u043D\u0430\u043B\u0438\u0437 \u0432\u0441\u0435\u0445 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0435\u0439 \n        \u043C\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u043C\u044F \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u043C\u0438 \n        \u0438 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438 \u043A\u0430\u043A\u043E\u0439 \u043A\u0430\u043D\u0430\u043B \u043F\u0440\u043E\u0434\u0430\u0436 \u043D\u0430\u0438\u0431\u043E\u043B\u0435\u0435 \u043F\u0440\u0438\u0431\u044B\u043B\u044C\u043D\u044B\u0439 \u0434\u043B\u044F \u0442\u0435\u0431\u044F.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_389.png",
+  link: '/orders'
+}, {
+  label: "\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043E\u0447\u043D\u0438\u043A",
+  description: "\u041F\u043E\u043B\u0443\u0447\u0430\u0439 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0430\u0446\u0438\u0438 \n        \u043F\u043E \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u043F\u0440\u043E\u0434\u0430\u0436, \u0443\u043F\u0440\u043E\u0441\u0442\u0438 \u043F\u043E\u0438\u0441\u043A \u043D\u043E\u0432\u044B\u0445 \u0442\u043E\u0447\u0435\u043A \u0440\u043E\u0441\u0442\u0430.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_390.png",
+  link: '/competitor_analysis'
+}];
 var MainContainer = function MainContainer(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react["default"].createElement("main", {
     className: "landing-main-container"
-  }, children);
+  }, /*#__PURE__*/_react["default"].createElement(_Header["default"], {
+    title: /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        color: '#00B45E'
+      }
+    }, "\u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0439 \u0441\u0432\u043E\u0438\u043C \u0431\u0438\u0437\u043D\u0435\u0441\u043E\u043C \u043D\u0430 3-\u0445 \u0432\u0435\u0434\u0443\u0449\u0438\u0445 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445 \u0441 \u0435\u0434\u0438\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u044B"),
+    description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u041E\u0434\u043D\u0430 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \u0434\u043B\u044F \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0430\u0433\u0430\u0437\u0438\u043D\u0430\u043C\u0438 \u043D\u0430 Wildberries, Ozon \u0438 \u042F\u043D\u0434\u0435\u043A\u0441 \u041C\u0430\u0440\u043A\u0435\u0442", /*#__PURE__*/_react["default"].createElement("br", null), "\u0411\u043E\u043B\u0435\u0435 20 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u043E\u0432 \u0434\u043B\u044F \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0438 \u0438 \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043D\u0435\u0441\u0430", /*#__PURE__*/_react["default"].createElement("br", null), "\u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432, \u0440\u0430\u0431\u043E\u0442\u0430 \u0441 \u0442\u043E\u0432\u0430\u0440\u0430\u043C\u0438, \u0430\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B, CRM, \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435, \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 \u043D\u0430 \u043E\u0434\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435"),
+    color: "#00B45E"
+  }), /*#__PURE__*/_react["default"].createElement(_AdvantagesBlock["default"], {
+    title: "\u041F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0430",
+    description: '60% клиентов сотрудничают с нами уже более 2-х лет',
+    list: advantages_list
+  }), /*#__PURE__*/_react["default"].createElement(_ArticlesBlock["default"], null), /*#__PURE__*/_react["default"].createElement(_BlocksInfo["default"], {
+    title: "\u0412\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430",
+    list: possibilities_list
+  }), /*#__PURE__*/_react["default"].createElement(_CardsGrey["default"], null));
 };
 var _default = exports["default"] = MainContainer;

package/dist/components/Table/ButtonColumn/ButtonColumn.js

@@ -0,0 +1,116 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonColumn = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Checkbox = _interopRequireDefault(require("../../Checkbox/Checkbox/Checkbox"));
+var _column = _interopRequireDefault(require("./img/column.svg"));
+require("./ButtonColumn.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var ButtonColumn = exports.ButtonColumn = function ButtonColumn(_ref) {
+  var _ref$headers = _ref.headers,
+    headers = _ref$headers === void 0 ? {
+      type: [],
+      header: [],
+      visibleColumn: []
+    } : _ref$headers,
+    setSelectedHeaders = _ref.setSelectedHeaders,
+    checkedHeaders = _ref.checkedHeaders,
+    setCheckedHeaders = _ref.setCheckedHeaders,
+    _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
+  var type = headers.type,
+    header = headers.header,
+    visibleColumn = headers.visibleColumn;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    headerList = _useState2[0],
+    setHeaderList = _useState2[1];
+  var translateColumn = function translateColumn() {
+    if (lang == 'ru') return 'Колонки';
+    if (lang == 'tur') return 'Sütunlar';
+    if (lang == 'eng') return 'Columns';
+    return 'Колонки';
+  };
+  var translateNoData = function translateNoData() {
+    if (lang == 'ru') return 'Нет данных';
+    if (lang == 'eng') return 'No data';
+    return 'Нет данных';
+  };
+  (0, _react.useEffect)(function () {
+    if ((header === null || header === void 0 ? void 0 : header.length) > 0) {
+      var obj = {};
+      header === null || header === void 0 || header.forEach(function (el, ind) {
+        if (Array.isArray(visibleColumn) & (visibleColumn === null || visibleColumn === void 0 ? void 0 : visibleColumn.length) > 0) {
+          return obj[el] = visibleColumn[ind];
+        }
+        return obj[el] = true;
+      });
+      setCheckedHeaders(obj);
+    }
+  }, [header]);
+  (0, _react.useEffect)(function () {
+    var _Object$keys;
+    if ((header === null || header === void 0 ? void 0 : header.length) > 0 & ((_Object$keys = Object.keys(checkedHeaders)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
+      var _header$map;
+      setHeaderList(header === null || header === void 0 || (_header$map = header.map(function (el, ind) {
+        if (type[ind] === 'hidden' || type[ind] === 'contextMenu' || type[ind] === 'checkbox' || type[ind] === 'onAction') return -1;
+        var value = checkedHeaders === null || checkedHeaders === void 0 ? void 0 : checkedHeaders[el];
+        return /*#__PURE__*/_react["default"].createElement("label", {
+          className: "checbox-box",
+          key: el + ind
+        }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+          value: value ? value : false,
+          onChange: function onChange(e) {
+            return setCheckedHeaders(function (prev) {
+              return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, el, e));
+            });
+          }
+        }), /*#__PURE__*/_react["default"].createElement("p", {
+          className: "text"
+        }, el));
+      })) === null || _header$map === void 0 ? void 0 : _header$map.filter(function (el) {
+        return el !== -1;
+      }));
+      var newType = [];
+      header === null || header === void 0 || header.forEach(function (el, ind) {
+        var isFalse = checkedHeaders[el] === false;
+        newType[ind] = isFalse ? 'hidden' : type[ind];
+      });
+      setSelectedHeaders({
+        type: newType,
+        header: header
+      });
+    }
+  }, [checkedHeaders, header]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn-box_column"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn__white_column"
+  }, /*#__PURE__*/_react["default"].createElement("img", _column["default"]), translateColumn()), (header === null || header === void 0 ? void 0 : header.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-column"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-column__content"
+  }, headerList ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "checkbox-list"
+  }, headerList) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "no-data"
+  }, translateNoData()))));
+};

package/dist/components/Table/ButtonColumn/ButtonColumn.scss

@@ -0,0 +1,117 @@
+// @font-face {
+//     font-family: Rubik;
+//     src: url("../../../public/font/Rubik/Rubik-Medium.ttf");
+//     font-weight: 500;
+//     font-style: normal;
+// }
+
+.btn-box_column {
+    position: relative;
+
+    &:hover {
+        .drop-column {
+            opacity: 1;
+            visibility: visible;
+            transition: 0.3s;
+        }
+    }
+
+    .drop-column__content {
+        height: auto;
+        min-height: 50px;
+        width: 210px;
+        min-width: 210px;
+        height: auto;
+        margin-top: 4px;
+       
+
+        .no-data {
+            display: flex;
+            font-size: 14px;
+            width: 100%;
+            height: 50px;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .checkbox-list {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            background-color: #fff;
+            border: 1px solid #EDEFED;
+            overflow: hidden;
+            border-radius: 8px;
+            max-height: 350px;
+            overflow: auto;
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+    
+            &::-webkit-scrollbar {
+                display: none;
+            }
+
+            .checbox-box {
+                display: flex;
+                width: 100%;
+                padding: 9px 12px;
+                align-items: center;
+                gap: 12px;
+                border-bottom: 1px solid #EDEFED;
+                cursor: pointer;
+
+                &:hover {
+                    transition: 0.3s;
+                    background-color: #FAFBFA;
+                }
+
+                &:last-child {
+                    border-bottom: none;
+                }
+
+                .text {
+                    overflow: hidden;
+                    color: #555C9E;
+                    text-overflow: ellipsis;
+                    font-family: Rubik;
+                    font-size: 12px;
+                    font-style: normal;
+                    font-weight: 500;
+                    line-height: 14px;
+                }
+            }
+        }
+    }
+
+    .drop-column {
+        position: absolute;
+        top: 100%;
+        right: -16px;
+        opacity: 0;
+        visibility: hidden;
+        z-index: 7;
+    }
+
+    .btn__white_column {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        width: auto;
+        background-color: inherit;
+        font-size: 14px;
+        height: 40px;
+        border: 0;
+        border-radius: 8px;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #0B110B;
+        font-family: NunitoSans;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 12px;
+        border: none;
+    }
+}

package/dist/components/Table/ButtonColumn/img/column.svg

@@ -0,0 +1,7 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-2-inside-1_12337_40796" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8621 2H13.7586C14.4455 2 15 2.57557 15 3.28571V12.7143C15 13.4244 14.4455 14 13.7586 14H4.24138C3.55448 14 3 13.4244 3 12.7143L3 3.28571C3 2.57557 3.55448 2 4.24138 2H7.13793H10.8621ZM7.55172 13.1429L7.55172 2.85714H10.4483V13.1429H7.55172ZM11.2759 13.1429V2.85714H13.7586C13.9862 2.85714 14.1724 3.04914 14.1724 3.28571V12.7143C14.1724 12.9509 13.9862 13.1429 13.7586 13.1429H11.2759ZM6.72414 13.1429H4.24138C4.01379 13.1429 3.82759 12.9509 3.82759 12.7143L3.82759 3.28571C3.82759 3.04914 4.01379 2.85714 4.24138 2.85714H6.72414V13.1429Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8621 2H13.7586C14.4455 2 15 2.57557 15 3.28571V12.7143C15 13.4244 14.4455 14 13.7586 14H4.24138C3.55448 14 3 13.4244 3 12.7143L3 3.28571C3 2.57557 3.55448 2 4.24138 2H7.13793H10.8621ZM7.55172 13.1429L7.55172 2.85714H10.4483V13.1429H7.55172ZM11.2759 13.1429V2.85714H13.7586C13.9862 2.85714 14.1724 3.04914 14.1724 3.28571V12.7143C14.1724 12.9509 13.9862 13.1429 13.7586 13.1429H11.2759ZM6.72414 13.1429H4.24138C4.01379 13.1429 3.82759 12.9509 3.82759 12.7143L3.82759 3.28571C3.82759 3.04914 4.01379 2.85714 4.24138 2.85714H6.72414V13.1429Z" fill="#51CA64"/>
+<path d="M7.55172 13.1429H6.05172V14.6429H7.55172V13.1429ZM7.55172 2.85714V1.35714H6.05172V2.85714H7.55172ZM10.4483 2.85714H11.9483V1.35714H10.4483V2.85714ZM10.4483 13.1429V14.6429H11.9483V13.1429H10.4483ZM11.2759 13.1429H9.77586V14.6429H11.2759V13.1429ZM11.2759 2.85714V1.35714H9.77586V2.85714H11.2759ZM6.72414 13.1429V14.6429H8.22414V13.1429H6.72414ZM6.72414 2.85714H8.22414V1.35714H6.72414V2.85714ZM10.8621 3.5H13.7586V0.5H10.8621V3.5ZM13.7586 3.5C13.6712 3.5 13.5987 3.46087 13.5574 3.41807C13.5172 3.3764 13.5 3.32644 13.5 3.28571L16.5 3.28571C16.5 1.79819 15.3241 0.5 13.7586 0.5V3.5ZM13.5 3.28571V12.7143L16.5 12.7143V3.28571L13.5 3.28571ZM13.5 12.7143C13.5 12.6736 13.5172 12.6236 13.5574 12.5819C13.5987 12.5391 13.6712 12.5 13.7586 12.5V15.5C15.3241 15.5 16.5 14.2018 16.5 12.7143L13.5 12.7143ZM13.7586 12.5H4.24138V15.5H13.7586V12.5ZM4.24138 12.5C4.3288 12.5 4.40127 12.5391 4.44257 12.5819C4.48278 12.6236 4.5 12.6736 4.5 12.7143H1.5C1.5 14.2018 2.67592 15.5 4.24138 15.5V12.5ZM4.5 12.7143V3.28571H1.5L1.5 12.7143H4.5ZM4.5 3.28571C4.5 3.32644 4.48278 3.3764 4.44257 3.41807C4.40127 3.46087 4.3288 3.5 4.24138 3.5L4.24138 0.5C2.67592 0.5 1.5 1.79819 1.5 3.28571H4.5ZM4.24138 3.5H7.13793V0.5H4.24138L4.24138 3.5ZM7.13793 3.5H10.8621V0.5H7.13793V3.5ZM9.05172 13.1429V2.85714H6.05172V13.1429H9.05172ZM7.55172 4.35714H10.4483V1.35714H7.55172L7.55172 4.35714ZM8.94828 2.85714V13.1429H11.9483V2.85714H8.94828ZM10.4483 11.6429H7.55172V14.6429H10.4483V11.6429ZM12.7759 13.1429V2.85714H9.77586V13.1429H12.7759ZM11.2759 4.35714H13.7586V1.35714H11.2759V4.35714ZM13.7586 4.35714C13.1105 4.35714 12.6724 3.82951 12.6724 3.28571L15.6724 3.28571C15.6724 2.26878 14.8619 1.35714 13.7586 1.35714V4.35714ZM12.6724 3.28571V12.7143L15.6724 12.7143V3.28571L12.6724 3.28571ZM12.6724 12.7143C12.6724 12.1705 13.1105 11.6429 13.7586 11.6429V14.6429C14.8619 14.6429 15.6724 13.7312 15.6724 12.7143L12.6724 12.7143ZM13.7586 11.6429H11.2759V14.6429H13.7586V11.6429ZM6.72414 11.6429H4.24138V14.6429H6.72414V11.6429ZM4.24138 11.6429C4.88948 11.6429 5.32759 12.1705 5.32759 12.7143H2.32759C2.32759 13.7312 3.1381 14.6429 4.24138 14.6429V11.6429ZM5.32759 12.7143V3.28571H2.32759L2.32759 12.7143H5.32759ZM5.32759 3.28571C5.32759 3.82951 4.88948 4.35714 4.24138 4.35714L4.24138 1.35714C3.13811 1.35714 2.32759 2.26878 2.32759 3.28571H5.32759ZM4.24138 4.35714H6.72414V1.35714H4.24138L4.24138 4.35714ZM5.22414 2.85714V13.1429H8.22414V2.85714H5.22414Z" fill="#51CA64" mask="url(#path-2-inside-1_12337_40796)"/>
+</svg>

package/dist/components/Table/ButtonCopy/ButtonCopy.js

@@ -0,0 +1,41 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonCopy = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./ButtonCopy.scss");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var ButtonCopy = exports.ButtonCopy = function ButtonCopy(_ref) {
+  var value = _ref.value,
+    style = _ref.style;
+  var _useState = (0, _react.useState)('Скопировать'),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentText = _useState2[0],
+    setCurrentText = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "button-copy",
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn-copy",
+    onBlur: function onBlur() {
+      return setCurrentText('Скопировать');
+    },
+    onClick: function onClick() {
+      navigator.clipboard.writeText(value);
+      setCurrentText('Текст скопирован');
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tooltip_black"
+  }, currentText));
+};

package/dist/components/Table/ButtonCopy/ButtonCopy.scss

@@ -0,0 +1,43 @@
+.button-copy {
+    position: absolute;
+    top: calc(50% - 8px);
+    right: 0;
+
+    .tooltip_black {
+        opacity: 0;
+        visibility: hidden;
+        background-color: #4A4A4A;
+        border-radius: 2px;
+        overflow: hidden;
+        color: white;
+        position: absolute;
+        top: 90%;
+        left: calc(30px);
+        z-index: 100;
+        width: max-content;
+        height: auto;
+        padding: 2px 4px;
+        border: 1px solid #E0E7F2;
+    }
+
+    &:hover {
+        .tooltip_black {
+            opacity: 1;
+            visibility: visible;
+            transition: 0.5s;
+        }
+    }
+
+    .btn-copy {
+        background-image: url('./img/copy.svg');
+        width: 16px;
+        height: 16px;
+        min-width: 16px;
+        border: none;
+        background-color: inherit;
+        background-repeat: no-repeat;
+        background-position: center;
+        position: absolute;
+    }
+
+}

package/dist/components/Table/ButtonCopy/img/copy.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M3.58871 0.815674C3.68233 0.720174 3.81044 0.666687 3.94348 0.666687H7.07245C8.43245 0.666687 9.53622 1.78619 9.53622 3.16669C10.8962 3.16669 12 4.28619 12 5.66669V12.1667C12 13.5472 10.8962 14.6667 9.53622 14.6667H5.59419C4.23419 14.6667 3.13042 13.5472 3.13042 12.1667C1.77042 12.1667 0.666656 11.0472 0.666656 9.66669V4.03018C0.666656 3.89868 0.715951 3.7727 0.809574 3.6792L3.58871 0.815674ZM8.55071 3.16669V9.66669C8.55071 10.4952 7.89042 11.1667 7.07245 11.1667H3.13042C2.31245 11.1667 1.65216 10.4952 1.65216 9.66669V5.16669H4.60869C4.8797 5.16669 5.10144 4.94269 5.10144 4.66669V1.66669H7.07245C7.89042 1.66669 8.55071 2.33819 8.55071 3.16669ZM4.11593 1.69968V4.16669H1.72116L4.11593 1.69968ZM5.59419 13.6667C4.77622 13.6667 4.11593 12.9952 4.11593 12.1667H7.07245C8.43245 12.1667 9.53622 11.0472 9.53622 9.66669V4.16669C10.3542 4.16669 11.0145 4.83819 11.0145 5.66669V12.1667C11.0145 12.9952 10.3542 13.6667 9.53622 13.6667H5.59419Z" fill="#9298CF"/>
+</svg>

package/dist/components/Table/ButtonExport/ButtonExport.js

@@ -0,0 +1,87 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonExport = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _headers = _interopRequireDefault(require("../../../common/headers"));
+var _export = _interopRequireDefault(require("./img/export.svg"));
+var _xlc = _interopRequireDefault(require("./img/xlc.svg"));
+var _pdf = _interopRequireDefault(require("./img/pdf.svg"));
+require("./ButtonExport.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var ButtonExport = exports.ButtonExport = function ButtonExport(_ref) {
+  var _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
+    tableUrl = _ref.tableUrl,
+    tableBody = _ref.tableBody;
+  var translateDownload = function translateDownload() {
+    if (lang == 'ru') return 'Выгрузить';
+    if (lang == 'eng') return 'Download';
+    if (lang == 'tur') return 'Konuşmacılar';
+    return 'Выгрузить';
+  };
+  var downloadXlsx = function downloadXlsx() {
+    var abortController = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new AbortController();
+    if (tableUrl && tableBody) {
+      var NikitaHttps = 'https://apps1.ecomru.ru:4440';
+      var url;
+      if (!window.location.hostname.match('localhost')) {
+        url = "".concat(NikitaHttps, "/api/v1/convert_table/?url=").concat(encodeURIComponent(tableUrl), "&convert_to=xlsx");
+      } else {
+        url = "".concat(NikitaHttps, "/api/v1/convert_table/?url=").concat(encodeURIComponent(tableUrl), "&convert_to=xlsx");
+      }
+      fetch(url, {
+        body: tableBody,
+        method: 'POST',
+        headers: _headers["default"],
+        signal: abortController.signal
+      }).then(function (res) {
+        if (res.ok) {
+          return res.json();
+        } else {
+          throw Error(JSON.stringify(res.json()));
+        }
+      }).then(function (_ref2) {
+        var url = _ref2.url;
+        if (typeof document !== 'undefined') {
+          var link = document.createElement('a');
+          link.href = url;
+          link.setAttribute('download', 'table.xlsx'); //or any other extension
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          URL.revokeObjectURL(url);
+        }
+      })["catch"](function (err) {
+        console.error(err);
+      })["finally"](function () {
+        if (abortController.signal.aborted) return;
+      });
+    } else {
+      alert('Функция временно не доступна для этой таблицы. Попробуйте позже.');
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn-box_export"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn__white_export"
+  }, /*#__PURE__*/_react["default"].createElement("img", _export["default"]), translateDownload()), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-export"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-export__content"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick(e) {
+      var abortController = new AbortController();
+      downloadXlsx(abortController);
+      return function () {
+        return abortController.abort();
+      };
+    },
+    className: "btn"
+  }, /*#__PURE__*/_react["default"].createElement("img", _xlc["default"]), "Excel"), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn"
+  }, /*#__PURE__*/_react["default"].createElement("img", _pdf["default"]), "PDF"))));
+};

package/dist/components/Table/ButtonExport/ButtonExport.scss

@@ -0,0 +1,111 @@
+.btn-box_export {
+    position: relative;
+
+    .tooltip-min {
+        height: auto;
+        min-height: 50px;
+        width: 216px;
+        margin-left: calc(0px);
+
+        .checkbox-list {
+            width: 100%;
+            padding: 12px 8px 12px 20px;
+            display: flex;
+            flex-direction: column;
+            gap: 6px;
+            align-items: flex-start;
+
+            .checbox-box {
+                display: flex;
+                align-items: flex-start;
+                gap: 12px;
+                cursor: pointer;
+            }
+        }
+    }
+
+    .drop-export {
+        top: 100%;
+        position: absolute;
+        right: -16px;
+        opacity: 0;
+        visibility: hidden;
+        z-index: 10;
+
+        &__content {
+            display: flex;
+            flex-direction: column;
+            width: 90px;
+            border-radius: 8px;
+            background-color: #fff;
+            border: 2px solid #EDEFFB;
+            overflow: hidden;
+            margin-top: 4px;
+
+            .btn {
+                display: flex;
+                gap: 10px;
+                align-items: center;
+                height: 32px;
+                width: 100%;
+                background-color: white;
+                border: none;
+                font-size: 12px;
+                position: relative;
+                z-index: 2;
+                cursor: default;
+                border-bottom: 1px solid #EDEFED;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                color: #0B110B;
+                font-family: NunitoSans;
+                font-size: 12px;
+                font-style: normal;
+                font-weight: 500;
+                line-height: 12px;
+                padding-left: 14px;
+                padding-right: 14px;
+
+                &:hover {
+                    background-color: #F8F9FE;
+                    transition: 0.5s;
+                }
+
+                &:last-child {
+                    border-bottom: none;
+                }
+            }
+        }
+    }
+
+    &:hover {
+        .drop-export  {
+            transition: 0.3s;
+            opacity: 1;
+            visibility: visible;
+        }
+    }
+
+    .btn__white_export {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        width: auto;
+        background-color: inherit;
+        font-size: 14px;
+        height: 40px;
+        border: 0;
+        color: #020617;
+        border-radius: 8px;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #0B110B;
+        font-family: NunitoSans;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 12px;
+        border: none;
+    }
+}