@megafon/ui-shared 2.0.0-beta.24 → 2.0.0-beta.240

package/dist/lib/index.d.ts

@@ -1,22 +1,34 @@
+export { default as AccordionBox } from './components/AccordionBox/AccordionBox';
+export { default as BannerBox } from './components/BannerBox/BannerBox';
 export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
 export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
+export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
+export { default as ButtonBanner } from './components/ButtonBanner/ButtonBanner';
 export { default as ButtonLinkBox } from './components/ButtonLinkBox/ButtonLinkBox';
-export { default as ProductCardFeatures } from './components/ProductCard/ProductCardFeatures';
-export { default as ProductCardFeaturesBottom } from './components/ProductCard/ProductCardFeaturesBottom';
-export { default as ProductCardFeaturesTop } from './components/ProductCard/ProductCardFeaturesTop';
-export { default as ProductCardInfo } from './components/ProductCard/ProductCardInfo';
-export { default as ProductCardTotal } from './components/ProductCard/ProductCardTotal';
-export { default as ProductCardWrapper } from './components/ProductCard/ProductCardWrapper';
-export { default as ProductSwitcher } from './components/ProductSwitcher/ProductSwitcher';
-export { default as ProductTile } from './components/ProductTile/ProductTile';
-export { default as ProductTileBuy } from './components/ProductTile/ProductTileBuy';
-export { default as ProductTileCashback } from './components/ProductTile/ProductTileCashback';
-export { default as ProductTileDynamic } from './components/ProductTile/ProductTileDynamic';
-export { default as ProductTileHint } from './components/ProductTile/ProductTileHint';
-export { default as ProductTileOptions } from './components/ProductTile/ProductTileOptions';
-export { default as ProductTilePrice } from './components/ProductTile/ProductTilePrice';
-export { default as ProductTileRest } from './components/ProductTileRest/ProductTileRest';
-export { default as ProductTileStatic } from './components/ProductTile/ProductTileStatic';
-export { default as ProductTileValue } from './components/ProductTile/ProductTileValue';
+export { default as Card } from './components/Card/Card';
+export { default as CardsBox } from './components/CardsBox/CardsBox';
+export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
+export { default as Container } from './components/Container/Container';
+export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
+export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
+export { default as Instructions } from './components/Instructions/Instructions';
+export { default as PageTitle } from './components/PageTitle/PageTitle';
+export { default as Partners } from './components/Partners/Partners';
+export { default as PictureWithDescription } from './components/PictureWithDescription/PictureWithDescription';
+export { default as Property } from './components/Property/Property';
+export { default as PropertyDescription } from './components/Property/PropertyDescription';
+export { default as Steps } from './components/Steps/Steps';
+export { default as StepsItem } from './components/Steps/StepsItem';
+export { default as StoreBanner } from './components/StoreBanner/StoreBanner';
+export { default as StoreButton } from './components/StoreButton/StoreButton';
+export { default as TabBox } from './components/TabsBox/TabBox';
+export { default as Table } from './components/Table/Table';
+export { default as TableCell } from './components/Table/TableCell';
+export { default as TableRow } from './components/Table/TableRow';
+export { default as TabsBox } from './components/TabsBox/TabsBox';
+export { default as TextBox } from './components/TextBox/TextBox';
+export { default as TextBoxPicture } from './components/TextBox/TextBoxPicture';
 export { default as TitleDescriptionBox } from './components/TitleDescriptionBox/TitleDescriptionBox';
+export { default as VideoBanner } from './components/VideoBanner/VideoBanner';
+export { default as VideoBlock } from './components/VideoBlock/VideoBlock';

package/dist/lib/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AccordionBox", {
+  enumerable: true,
+  get: function get() {
+    return _AccordionBox["default"];
+  }
+});
+Object.defineProperty(exports, "BannerBox", {
+  enumerable: true,
+  get: function get() {
+    return _BannerBox["default"];
+  }
+});
 Object.defineProperty(exports, "BenefitsIcons", {
   enumerable: true,
   get: function get() {
@@ -21,112 +33,160 @@ Object.defineProperty(exports, "BenefitsPictures", {
     return _BenefitsPictures["default"];
   }
 });
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumbs["default"];
+  }
+});
+Object.defineProperty(exports, "ButtonBanner", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonBanner["default"];
+  }
+});
 Object.defineProperty(exports, "ButtonLinkBox", {
   enumerable: true,
   get: function get() {
     return _ButtonLinkBox["default"];
   }
 });
-Object.defineProperty(exports, "ProductCardFeatures", {
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card["default"];
+  }
+});
+Object.defineProperty(exports, "CardsBox", {
+  enumerable: true,
+  get: function get() {
+    return _CardsBox["default"];
+  }
+});
+Object.defineProperty(exports, "CarouselBox", {
+  enumerable: true,
+  get: function get() {
+    return _CarouselBox["default"];
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function get() {
+    return _Container["default"];
+  }
+});
+Object.defineProperty(exports, "DownloadLink", {
+  enumerable: true,
+  get: function get() {
+    return _DownloadLink["default"];
+  }
+});
+Object.defineProperty(exports, "DownloadLinks", {
   enumerable: true,
   get: function get() {
-    return _ProductCardFeatures["default"];
+    return _DownloadLinks["default"];
   }
 });
-Object.defineProperty(exports, "ProductCardFeaturesBottom", {
+Object.defineProperty(exports, "Instructions", {
   enumerable: true,
   get: function get() {
-    return _ProductCardFeaturesBottom["default"];
+    return _Instructions["default"];
   }
 });
-Object.defineProperty(exports, "ProductCardFeaturesTop", {
+Object.defineProperty(exports, "PageTitle", {
   enumerable: true,
   get: function get() {
-    return _ProductCardFeaturesTop["default"];
+    return _PageTitle["default"];
   }
 });
-Object.defineProperty(exports, "ProductCardInfo", {
+Object.defineProperty(exports, "Partners", {
   enumerable: true,
   get: function get() {
-    return _ProductCardInfo["default"];
+    return _Partners["default"];
   }
 });
-Object.defineProperty(exports, "ProductCardTotal", {
+Object.defineProperty(exports, "PictureWithDescription", {
   enumerable: true,
   get: function get() {
-    return _ProductCardTotal["default"];
+    return _PictureWithDescription["default"];
   }
 });
-Object.defineProperty(exports, "ProductCardWrapper", {
+Object.defineProperty(exports, "Property", {
   enumerable: true,
   get: function get() {
-    return _ProductCardWrapper["default"];
+    return _Property["default"];
   }
 });
-Object.defineProperty(exports, "ProductSwitcher", {
+Object.defineProperty(exports, "PropertyDescription", {
   enumerable: true,
   get: function get() {
-    return _ProductSwitcher["default"];
+    return _PropertyDescription["default"];
   }
 });
-Object.defineProperty(exports, "ProductTile", {
+Object.defineProperty(exports, "Steps", {
   enumerable: true,
   get: function get() {
-    return _ProductTile["default"];
+    return _Steps["default"];
   }
 });
-Object.defineProperty(exports, "ProductTileBuy", {
+Object.defineProperty(exports, "StepsItem", {
   enumerable: true,
   get: function get() {
-    return _ProductTileBuy["default"];
+    return _StepsItem["default"];
   }
 });
-Object.defineProperty(exports, "ProductTileCashback", {
+Object.defineProperty(exports, "StoreBanner", {
   enumerable: true,
   get: function get() {
-    return _ProductTileCashback["default"];
+    return _StoreBanner["default"];
   }
 });
-Object.defineProperty(exports, "ProductTileDynamic", {
+Object.defineProperty(exports, "StoreButton", {
   enumerable: true,
   get: function get() {
-    return _ProductTileDynamic["default"];
+    return _StoreButton["default"];
   }
 });
-Object.defineProperty(exports, "ProductTileHint", {
+Object.defineProperty(exports, "TabBox", {
   enumerable: true,
   get: function get() {
-    return _ProductTileHint["default"];
+    return _TabBox["default"];
   }
 });
-Object.defineProperty(exports, "ProductTileOptions", {
+Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
-    return _ProductTileOptions["default"];
+    return _Table["default"];
   }
 });
-Object.defineProperty(exports, "ProductTilePrice", {
+Object.defineProperty(exports, "TableCell", {
   enumerable: true,
   get: function get() {
-    return _ProductTilePrice["default"];
+    return _TableCell["default"];
   }
 });
-Object.defineProperty(exports, "ProductTileRest", {
+Object.defineProperty(exports, "TableRow", {
   enumerable: true,
   get: function get() {
-    return _ProductTileRest["default"];
+    return _TableRow["default"];
   }
 });
-Object.defineProperty(exports, "ProductTileStatic", {
+Object.defineProperty(exports, "TabsBox", {
   enumerable: true,
   get: function get() {
-    return _ProductTileStatic["default"];
+    return _TabsBox["default"];
   }
 });
-Object.defineProperty(exports, "ProductTileValue", {
+Object.defineProperty(exports, "TextBox", {
   enumerable: true,
   get: function get() {
-    return _ProductTileValue["default"];
+    return _TextBox["default"];
+  }
+});
+Object.defineProperty(exports, "TextBoxPicture", {
+  enumerable: true,
+  get: function get() {
+    return _TextBoxPicture["default"];
   }
 });
 Object.defineProperty(exports, "TitleDescriptionBox", {
@@ -135,6 +195,22 @@ Object.defineProperty(exports, "TitleDescriptionBox", {
     return _TitleDescriptionBox["default"];
   }
 });
+Object.defineProperty(exports, "VideoBanner", {
+  enumerable: true,
+  get: function get() {
+    return _VideoBanner["default"];
+  }
+});
+Object.defineProperty(exports, "VideoBlock", {
+  enumerable: true,
+  get: function get() {
+    return _VideoBlock["default"];
+  }
+});
+
+var _AccordionBox = _interopRequireDefault(require("./components/AccordionBox/AccordionBox"));
+
+var _BannerBox = _interopRequireDefault(require("./components/BannerBox/BannerBox"));
 
 var _BenefitsIcons = _interopRequireDefault(require("./components/BenefitsIcons/BenefitsIcons"));
 
@@ -142,42 +218,62 @@ var _BenefitsIconsTile = _interopRequireDefault(require("./components/BenefitsIc
 
 var _BenefitsPictures = _interopRequireDefault(require("./components/BenefitsPictures/BenefitsPictures"));
 
+var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs/Breadcrumbs"));
+
+var _ButtonBanner = _interopRequireDefault(require("./components/ButtonBanner/ButtonBanner"));
+
 var _ButtonLinkBox = _interopRequireDefault(require("./components/ButtonLinkBox/ButtonLinkBox"));
 
-var _ProductCardFeatures = _interopRequireDefault(require("./components/ProductCard/ProductCardFeatures"));
+var _Card = _interopRequireDefault(require("./components/Card/Card"));
+
+var _CardsBox = _interopRequireDefault(require("./components/CardsBox/CardsBox"));
 
-var _ProductCardFeaturesBottom = _interopRequireDefault(require("./components/ProductCard/ProductCardFeaturesBottom"));
+var _CarouselBox = _interopRequireDefault(require("./components/CarouselBox/CarouselBox"));
 
-var _ProductCardFeaturesTop = _interopRequireDefault(require("./components/ProductCard/ProductCardFeaturesTop"));
+var _Container = _interopRequireDefault(require("./components/Container/Container"));
 
-var _ProductCardInfo = _interopRequireDefault(require("./components/ProductCard/ProductCardInfo"));
+var _DownloadLink = _interopRequireDefault(require("./components/DownloadLinks/DownloadLink"));
 
-var _ProductCardTotal = _interopRequireDefault(require("./components/ProductCard/ProductCardTotal"));
+var _DownloadLinks = _interopRequireDefault(require("./components/DownloadLinks/DownloadLinks"));
 
-var _ProductCardWrapper = _interopRequireDefault(require("./components/ProductCard/ProductCardWrapper"));
+var _Instructions = _interopRequireDefault(require("./components/Instructions/Instructions"));
 
-var _ProductSwitcher = _interopRequireDefault(require("./components/ProductSwitcher/ProductSwitcher"));
+var _PageTitle = _interopRequireDefault(require("./components/PageTitle/PageTitle"));
 
-var _ProductTile = _interopRequireDefault(require("./components/ProductTile/ProductTile"));
+var _Partners = _interopRequireDefault(require("./components/Partners/Partners"));
 
-var _ProductTileBuy = _interopRequireDefault(require("./components/ProductTile/ProductTileBuy"));
+var _PictureWithDescription = _interopRequireDefault(require("./components/PictureWithDescription/PictureWithDescription"));
 
-var _ProductTileCashback = _interopRequireDefault(require("./components/ProductTile/ProductTileCashback"));
+var _Property = _interopRequireDefault(require("./components/Property/Property"));
 
-var _ProductTileDynamic = _interopRequireDefault(require("./components/ProductTile/ProductTileDynamic"));
+var _PropertyDescription = _interopRequireDefault(require("./components/Property/PropertyDescription"));
 
-var _ProductTileHint = _interopRequireDefault(require("./components/ProductTile/ProductTileHint"));
+var _Steps = _interopRequireDefault(require("./components/Steps/Steps"));
 
-var _ProductTileOptions = _interopRequireDefault(require("./components/ProductTile/ProductTileOptions"));
+var _StepsItem = _interopRequireDefault(require("./components/Steps/StepsItem"));
 
-var _ProductTilePrice = _interopRequireDefault(require("./components/ProductTile/ProductTilePrice"));
+var _StoreBanner = _interopRequireDefault(require("./components/StoreBanner/StoreBanner"));
 
-var _ProductTileRest = _interopRequireDefault(require("./components/ProductTileRest/ProductTileRest"));
+var _StoreButton = _interopRequireDefault(require("./components/StoreButton/StoreButton"));
 
-var _ProductTileStatic = _interopRequireDefault(require("./components/ProductTile/ProductTileStatic"));
+var _TabBox = _interopRequireDefault(require("./components/TabsBox/TabBox"));
 
-var _ProductTileValue = _interopRequireDefault(require("./components/ProductTile/ProductTileValue"));
+var _Table = _interopRequireDefault(require("./components/Table/Table"));
+
+var _TableCell = _interopRequireDefault(require("./components/Table/TableCell"));
+
+var _TableRow = _interopRequireDefault(require("./components/Table/TableRow"));
+
+var _TabsBox = _interopRequireDefault(require("./components/TabsBox/TabsBox"));
+
+var _TextBox = _interopRequireDefault(require("./components/TextBox/TextBox"));
+
+var _TextBoxPicture = _interopRequireDefault(require("./components/TextBox/TextBoxPicture"));
 
 var _TitleDescriptionBox = _interopRequireDefault(require("./components/TitleDescriptionBox/TitleDescriptionBox"));
 
+var _VideoBanner = _interopRequireDefault(require("./components/VideoBanner/VideoBanner"));
+
+var _VideoBlock = _interopRequireDefault(require("./components/VideoBlock/VideoBlock"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "2.0.0-beta.24",
+  "version": "2.0.0-beta.240",
   "files": [
     "dist"
   ],
@@ -12,7 +12,8 @@
     "url": "git+https://github.com/MegafonWebLab/megafon-ui.git"
   },
   "sideEffects": [
-    "*.css"
+    "*.css",
+    "*.less"
   ],
   "author": "MegaFon",
   "license": "MIT",
@@ -21,9 +22,11 @@
     "coverage": "yarn coverage:unit",
     "coverage:unit": "jest --ci --collectCoverage --coverageDirectory=coverage",
     "typecheck": "tsc --noEmit -p .",
+    "prettier:check": "prettier --list-different \"src/**/*.{js,jsx,ts,tsx}\"",
+    "prettier:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
     "lint": "yarn lint:ts && yarn lint:less",
+    "lint:ts": "eslint --ext .js,.jsx,.ts,.tsx src --max-warnings=0",
     "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
-    "lint:ts": "tslint -c tslint.json '{src,scripts}/**/*.ts?(x)'",
     "test": "yarn test:unit",
     "test:unit": "jest",
     "test:update": "jest --updateSnapshot"
@@ -31,78 +34,30 @@
   "publishConfig": {
     "access": "public"
   },
-  "jest": {
-    "globals": {
-      "ts-jest": {
-        "babelConfig": {
-          "presets": [
-            "@babel/preset-env",
-            "@babel/react"
-          ]
-        }
-      }
-    },
-    "moduleNameMapper": {
-      "\\.(css|less)$": "<rootDir>/scripts/styleMock.ts",
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/scripts/fileMock.ts"
-    },
-    "moduleDirectories": [
-      "node_modules",
-      "src"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{ts,tsx}",
-      "!src/utils/modernizr.ts"
-    ],
-    "coverageDirectory": "coverage",
-    "testURL": "http://localhost/",
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "transform": {
-      "\\.tsx?$": "ts-jest"
-    },
-    "testPathIgnorePatterns": [
-      "/node_modules/",
-      "/lib/",
-      "/src/utils/modernizr.ts"
-    ],
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ],
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/scripts/setupEnzyme.ts"
+  "lint-staged": {
+    "src/**/**/*.(js|jsx|ts|tsx)": [
+      "eslint --max-warnings=0 --config ../../.eslintrc.json"
     ]
   },
   "peerDependencies": {
-    "react": ">=16.4.1",
-    "react-dom": ">=16.4.1"
+    "react": ">=16.13.0",
+    "react-dom": ">=16.13.0"
   },
   "devDependencies": {
     "@babel/core": "^7.8.6",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-transform-block-scoping": "^7.8.3",
     "@babel/plugin-transform-object-assign": "^7.8.3",
-    "@babel/plugin-transform-react-constant-elements": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
-    "@types/classnames": "^2.2.9",
+    "@babel/preset-typescript": "^7.8.3",
+    "@megafon/ui-icons": "^0.0.2-beta.6",
+    "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "^25.1.3",
-    "@types/jsdom": "^11.12.0",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^16.9.23",
     "@types/react-dom": "^16.9.5",
-    "@types/webpack-env": "^1.15.1",
     "babel-plugin-module-resolver": "^3.2.0",
     "del": "^3.0.0",
     "enzyme": "^3.11.0",
@@ -111,37 +66,27 @@
     "glob": "^7.1.6",
     "gulp": "^4.0.2",
     "gulp-babel": "^8.0.0-beta.2",
+    "gulp-imagemin": "^7.1.0",
     "gulp-less": "^4.0.1",
-    "gulp-svgmin": "^2.2.0",
     "gulp-typescript": "^5.0.1",
-    "husky": "^1.3.1",
     "jest": "^25.1.0",
-    "jsdom": "^11.12.0",
     "less-plugin-autoprefix": "^2.0.0",
     "merge2": "^1.3.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "stylelint": "^9.10.1",
     "through2": "^2.0.5",
-    "ts-jest": "^25.2.1",
-    "tslint": "^5.20.1",
-    "tslint-react": "^3.6.0",
-    "typescript": "^3.8.3",
-    "webpack-filter-warnings-plugin": "^1.2.1"
+    "typescript": "^3.8.3"
   },
   "dependencies": {
-    "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^2.0.0-beta.23",
-    "classnames": "^2.2.6",
+    "@megafon/ui-core": "^2.0.0-beta.168",
+    "@megafon/ui-helpers": "^1.0.0-beta.2",
     "core-js": "^3.6.4",
-    "deep-equal": "^1.1.1",
-    "htmr": "^0.8.8",
+    "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
-    "react-input-mask": "^2.0.4",
-    "react-popper": "0.10.4",
-    "react-slick": "^0.23.2"
+    "swiper": "^6.5.6"
   },
-  "gitHead": "47d9c3e885e292db524f467803cfe86bc302f02c"
+  "gitHead": "ffa46c2f7563f7ae284daba239683d7699121a73"
 }

package/dist/es/components/ProductCard/ProductCardFeatures.css

@@ -1,35 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-beta-product-card-features {
-  font-family: inherit;
-}
-@media screen and (min-width: 768px) {
-  .mfui-beta-product-card-features {
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-            flex-grow: 1;
-    -ms-flex-negative: 1;
-        flex-shrink: 1;
-    padding-right: 16px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-card-features {
-    padding-right: 8px;
-  }
-}
-.mfui-beta-product-card-features__top {
-  margin-bottom: 28px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-product-card-features__bottom {
-    margin-bottom: 32px;
-  }
-}

package/dist/es/components/ProductCard/ProductCardFeatures.d.ts

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import './ProductCardFeatures.less';
-interface IFirstParam {
-    title: string;
-    caption?: string;
-    children?: Array<Partial<IFirstParamChildren>>;
-}
-interface ISecondParam {
-    title?: string;
-    children: Array<Partial<ISecondParamChildren>>;
-}
-export interface IFirstParamChildren {
-    title: string;
-    svgIcon: JSX.Element;
-}
-export interface ISecondParamChildren {
-    title: string;
-    caption?: string;
-    svgIcon: JSX.Element;
-}
-export interface IProductCardFeaturesProps {
-    /** Showcase first param
-     * Param with args: title: string(requred), caption: string,
-     * children: [JSX.Element(requred), title: string(requred)]
-     */
-    firstParam?: IFirstParam;
-    /** Showcase second param
-     * Param with args: title: string,
-     * children: [JSX.Element(requred), title: string(requred), caption: string](requred)
-     */
-    secondParam?: ISecondParam;
-    className?: string;
-    classNameTop?: string;
-    classNameBottom?: string;
-}
-declare class ProductCardFeatures extends React.Component<IProductCardFeaturesProps, {}> {
-    static propTypes: {
-        firstParam: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            caption: PropTypes.Requireable<string>;
-            children: PropTypes.Requireable<(PropTypes.InferProps<{
-                title: PropTypes.Validator<string>;
-                svgIcon: PropTypes.Validator<PropTypes.ReactElementLike>;
-            }> | null | undefined)[]>;
-        }>>;
-        secondParam: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            children: PropTypes.Validator<(PropTypes.InferProps<{
-                title: PropTypes.Validator<string>;
-                caption: PropTypes.Requireable<string>;
-                svgIcon: PropTypes.Validator<PropTypes.ReactElementLike>;
-            }> | null | undefined)[]>;
-        }>>;
-        className: PropTypes.Requireable<string>;
-        classNameTop: PropTypes.Requireable<string>;
-        classNameBottom: PropTypes.Requireable<string>;
-    };
-    render(): JSX.Element;
-}
-export default ProductCardFeatures;