@redneckz/wildless-cms-uni-blocks 0.3.69 → 0.3.71

package/mobile/src/components/Gallery/GalleryInner.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { GalleryVersion } from '../../model/GalleryVersion';
 import type { UniBlockProps } from '../../types';
-import { ArrowButton } from '../../ui-kit/Button/ArrowButton';
+import type { GalleryContent } from './GalleryContent';
 import { galleryLengthForScrollMap } from './constants';
 import { GalleryContainer } from './GalleryContainer';
-import type { GalleryContent } from './GalleryContent';
+import { renderArrows } from '../../ui-kit/Button/renderArrows';
 
 export interface GalleryInnerProps extends GalleryContent, UniBlockProps {
   version?: GalleryVersion;
@@ -37,24 +37,14 @@ export const GalleryInner = JSX<GalleryInnerProps>(
           activeCardIndex={activeCardIndex}
           {...rest}
         />
-        {showPrevButton ? (
-          <ArrowButton
-            className="absolute top-1/2 left-8 z-10 mt-[25px]"
-            onClick={handlePrevClick}
-            ariaLabel="Пролистать влево"
-            data-block-control="scroll-left"
-          />
-        ) : null}
-        {showNextButton ? (
-          <ArrowButton
-            className="absolute top-1/2 right-8 z-10 mt-[25px] rotate-180"
-            onClick={handleNextClick}
-            ariaLabel="Пролистать вправо"
-            data-block-control="scroll-right"
-          />
-        ) : null}
-        <div className="absolute top-0 left-0 bottom-0 w-[84px] bg-opacity-from-white" />
-        <div className="absolute top-0 right-0 bottom-0 w-[100px] bg-opacity-to-white" />
+        {renderArrows({
+          handler: [handlePrevClick, handleNextClick],
+          isShown: [showPrevButton, showNextButton],
+          btnClass: ['left-8', 'right-8'],
+          className: 'top-1/2',
+        })}
+        <div className="absolute top-0 left-0 bottom-0 w-[82px] bg-opacity-from-white" />
+        <div className="absolute top-0 right-0 bottom-0 w-[82px] bg-opacity-to-white" />
       </section>
     );
   },

package/mobile/src/components/GroupBlock/BlocksTypeProps.ts

@@ -10,7 +10,10 @@ export interface ActiveHandler {
 }
 
 export interface GroupBlockCommonProps {
-  /** @title Стиль */
+  /**
+   * @title Стиль
+   * @default ["col-span-12"]
+   */
   style?: string[];
   /** @title Теги */
   tags?: string[];

package/mobile/src/components/GroupBlock/GroupBlock.example.json

@@ -1,27 +1,28 @@
 {
   "tabs": [
-    { "title": "Еще программы", "index": 0 },
-    { "title": "Страхование жизни", "index": 1, "tag": "tag1" },
-    { "title": "Страхование здоровья", "index": 2, "tag": "tag2" }
+    { "title": "Таб 1", "index": 0 },
+    { "title": "Таб 2", "index": 1, "tag": "tag1" },
+    { "title": "Таб 3", "index": 2, "tag": "tag2" }
   ],
+  "isShowCounter": true,
   "blocks": [
     {
       "blockType": "ProductBlock",
       "title": "Продуктовый блок",
       "description": "Описание текстового блока",
-      "tags":["tag2"]
+      "tags": ["tag2"]
     },
     {
       "blockType": "ProductTile",
       "title": "Продуктовая плитка",
       "description": "Описание текстового блока",
-      "tags":["tag1"]
+      "tags": ["tag1"]
     },
     {
       "blockType": "ProductBlock",
       "title": "Продуктовый блок",
       "description": "Описание текстового блока",
-      "tags":["tag2"]
+      "tags": ["tag2"]
     }
   ]
-}
+}

package/mobile/src/components/GroupBlock/GroupBlock.tsx

@@ -14,23 +14,28 @@ export interface GroupBlockProps extends GroupBlockContent, UniBlockProps {
 }
 
 export const GroupBlock = JSX<GroupBlockProps>(
-  ({ className = '', tabs, context, anchor = null, groupBlocks = [] }) => {
+  ({ className = '', tabs, context, anchor = null, groupBlocks = [], isShowCounter }) => {
     const [currentTag, setCurrentTag] = context.useState(tabs?.[0]?.tag);
 
     const filteredBlocks = filterBlocksByTag(groupBlocks, currentTag);
 
     const tabsNewMap = tabs?.map((tab) => {
       const count = tab.tag
-        ? groupBlocks.filter((block) => block?.tags?.includes(`${tab.tag}`)).length
+        ? groupBlocks.filter((block) => block?.tags?.includes(tab.tag as string)).length
         : groupBlocks.length;
 
       return { ...tab, count };
     });
 
     return (
-      <section id={anchor} className={`box-border gap-1 h-12 ${className}`}>
+      <section id={anchor} className={`box-border gap-1 ${className}`}>
         {tabsNewMap?.length ? (
-          <GroupBlockTabs currentTag={currentTag} onTabClick={setCurrentTag} tabs={tabsNewMap} />
+          <GroupBlockTabs
+            currentTag={currentTag}
+            onTabClick={setCurrentTag}
+            tabs={tabsNewMap}
+            isShowCounter={isShowCounter}
+          />
         ) : null}
         {groupBlocks.length ? (
           <GroupBlocksItem context={context} groupBlocks={filteredBlocks} />

package/mobile/src/components/GroupBlock/GroupBlockTabs.tsx

@@ -12,7 +12,7 @@ export interface GroupBlockTabsProps {
 }
 
 export const GroupBlockTabs = JSX<GroupBlockTabsProps>((props) => {
-  const { tabs, currentTag, onTabClick, className = '', isShowCounter = true } = props;
+  const { tabs, currentTag, onTabClick, className = '', isShowCounter } = props;
 
   return (
     <div className={`mb-2 box-border flex gap-x-1 ${className}`} role="tablist">
@@ -24,7 +24,7 @@ export const GroupBlockTabs = JSX<GroupBlockTabsProps>((props) => {
 const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-m-sm';
 
 const renderTab =
-  (onTabClick: TabClickHandler, isShowCounter: boolean, currentTag?: string) =>
+  (onTabClick: TabClickHandler, isShowCounter?: boolean, currentTag?: string) =>
   (tab: TabsItemProps, i: number) => {
     const isActive = currentTag === tab.tag;
     const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
@@ -42,9 +42,9 @@ const renderTab =
         tag={tab?.tag}
       >
         <div className="flex flex-1 items-center justify-center">
-          {tab?.title ? <h3 className={`mr-8 ${tabText}`}>{tab?.title}</h3> : null}
+          {tab?.title ? <h3 className={tabText}>{tab?.title}</h3> : null}
           {isShowCounter ? (
-            <div className={`flex items-center justify-center ${counterBlockStyle}`}>
+            <div className={`flex items-center justify-center ml-8 ${counterBlockStyle}`}>
               <span>{tab.count}</span>
             </div>
           ) : null}

package/mobile/src/components/GroupBlock/GroupBlocksItem.tsx

@@ -11,7 +11,7 @@ export interface GroupBlocksProps extends GroupBlockContent, UniBlockProps {}
 
 export const GroupBlocksItem = JSX<GroupBlocksProps>(({ groupBlocks, context }) => {
   return (
-    <div className={'grid grid-cols-12 gap-2 box-border'}>
+    <div className="grid grid-cols-12 gap-2 box-border">
       {groupBlocks?.length ? groupBlocks.map(renderBlock(context)) : null}
     </div>
   );

package/mobile/src/components/Header/DropdownMenu.tsx

@@ -0,0 +1,72 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import type { BgColorVersion } from '../../model/BgColorVersion';
+import type { LinkProps } from '../../model/LinkProps';
+import type { UniBlockProps } from '../../types';
+import type {
+  ContentPageContext,
+  HandlerDecorator,
+  Router,
+} from '../ContentPage/ContentPageContext';
+
+const DOT_BG_COLORS_MAP: Record<BgColorVersion, string> = {
+  'bg-white': 'bg-primary-text',
+  transparent: 'bg-white',
+};
+
+interface DropdownMenuProps extends UniBlockProps {
+  menuVisible: boolean;
+  toggleMenu: () => void;
+  menuItems: LinkProps[];
+  bgColor?: BgColorVersion;
+  context: ContentPageContext;
+}
+
+export const DropdownMenu = JSX<DropdownMenuProps>((props) => {
+  const { menuVisible, toggleMenu, menuItems, bgColor, context } = props;
+
+  const { useRouter, handlerDecorator } = context;
+
+  const router = useRouter();
+
+  return (
+    <div
+      className={`absolute w-52 -top-4 right-0 pt-4 z-40 ${
+        menuVisible ? 'bg-white rounded-md shadow-blue-gray/24' : ''
+      }`}
+    >
+      <button
+        className="flex justify-between items-center cursor-pointer h-6 ml-6"
+        onClick={toggleMenu}
+        aria-label={`${menuVisible ? 'Скрыть другие разделы' : 'Показать другие разделы'}`}
+      >
+        {Array(3).fill(bgColor).map(renderDot)}
+      </button>
+      <div
+        className={`flex flex-col rounded-md bg-white p-6 pb-2 ${menuVisible ? '' : 'hidden'}`}
+        aria-hidden={!menuVisible}
+      >
+        {renderDotsSubMenuItems(menuItems, router, handlerDecorator)}
+      </div>
+    </div>
+  );
+});
+
+const renderDotsSubMenuItems = (
+  menuItems: LinkProps[],
+  router: Router,
+  handlerDecorator: HandlerDecorator | undefined,
+) =>
+  menuItems?.map((_) => (
+    <a
+      key={_.href}
+      {...useLink({ router, handlerDecorator }, _)}
+      className="text-base font-light pb-4 hover:text-primary-main"
+    >
+      {_.text}
+    </a>
+  ));
+
+const renderDot = (bgColor: BgColorVersion, i: number) => (
+  <div key={String(i)} className={`w-[3px] h-[3px] rounded mr-1 ${DOT_BG_COLORS_MAP[bgColor]}`} />
+);

package/mobile/src/components/Header/HeaderSubMenu.tsx

@@ -4,14 +4,8 @@ import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import { findActiveSubItem } from '../../services/sitemap/findActiveSubItem';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem';
-import { isSSR } from '../../utils/isSSR';
 import type { ContentPageContext } from '../ContentPage/ContentPageContext';
-import { headerSubMenuObserver } from './HeaderSubMenuObserver';
-
-const DOT_BG_COLORS_MAP: Record<BgColorVersion, string> = {
-  'bg-white': 'bg-primary-text',
-  transparent: 'bg-white',
-};
+import { DropdownMenu } from './DropdownMenu';
 
 export interface HeaderSubMenuProps {
   context: ContentPageContext;
@@ -19,95 +13,59 @@ export interface HeaderSubMenuProps {
   bgColor?: BgColorVersion;
 }
 
-export const HeaderSubMenu = JSX<HeaderSubMenuProps>(({ context, subItems, bgColor }) => {
-  const [subMenuIsShow, setHiddenMenuIsShow] = context.useState(false);
+export const HeaderSubMenu = JSX<HeaderSubMenuProps>(({ context, subItems = [], bgColor }) => {
+  const [menuVisible, setMenuVisible] = context.useState(false);
   const router = context.useRouter();
-  const { handlerDecorator } = context;
+  const { handlerDecorator, IntersectionObserverTag } = context;
+
+  const [visibleItemsCount, setVisibleItemsCount] = context.useState<number>(subItems.length);
+  const dropDownMenuItems = subItems.slice(visibleItemsCount);
 
-  setTimeout(() => {
-    if (isSSR()) {
+  const activeSubItem = findActiveSubItem(router)(subItems);
+  const toggleMenu = () => setMenuVisible(!menuVisible);
+
+  const observerCallback = (itemIndex: number) => (entries: IntersectionObserverEntry[]) => {
+    if (!entries.length) {
       return;
     }
 
-    const headerSubMenu = globalThis.document.querySelectorAll('[data-item-name=header-submenu]');
-    headerSubMenu.forEach((_) => {
-      headerSubMenuObserver?.observe(_);
-    });
-  }, 200);
-
-  const activeSubItem = findActiveSubItem(router)(subItems);
-  const toggleSubMenu = () => setHiddenMenuIsShow(!subMenuIsShow);
+    const entry = entries[0];
 
-  const subMenu = subItems?.map((_) => (
-    <HeaderItem
-      key={_.href}
-      className="mr-8"
-      active={_ === activeSubItem}
-      {...useLink({ router, handlerDecorator }, _)}
-      dataItemName="header-submenu"
-      bgColor={bgColor}
-    />
-  ));
+    if (entry.intersectionRatio < 1) {
+      setVisibleItemsCount((prev) => Math.min(prev, itemIndex));
+    } else {
+      setVisibleItemsCount((prev) => Math.max(prev, itemIndex + 1));
+    }
+  };
 
   return (
     <nav className="relative mt-5">
-      <div className="overflow-hidden whitespace-nowrap mr-52">{subMenu}</div>
-      {renderDotsSubMenu({
-        subMenuIsShow,
-        toggleSubMenu,
-        subItems,
-        bgColor,
-        router,
-        handlerDecorator,
-      })}
+      <div className="overflow-hidden whitespace-nowrap mr-52">
+        {subItems.map((_, i) => (
+          <IntersectionObserverTag
+            Tag="span"
+            observerCallback={observerCallback(i)}
+            observerOptions={{ threshold: 1 }}
+            key={String(i)}
+          >
+            <HeaderItem
+              className={`mr-8 ${visibleItemsCount - 1 < i ? 'invisible' : ''}`}
+              active={_ === activeSubItem}
+              {...useLink({ router, handlerDecorator }, _)}
+              bgColor={bgColor}
+            />
+          </IntersectionObserverTag>
+        ))}
+      </div>
+      {dropDownMenuItems.length ? (
+        <DropdownMenu
+          context={context}
+          menuVisible={menuVisible}
+          toggleMenu={toggleMenu}
+          menuItems={dropDownMenuItems}
+          bgColor={bgColor}
+        />
+      ) : null}
     </nav>
   );
 });
-
-// TODO: add types
-const renderDotsSubMenu = ({
-  subMenuIsShow,
-  toggleSubMenu,
-  subItems,
-  bgColor,
-  router,
-  handlerDecorator,
-}) => (
-  <div
-    className={`absolute w-52 -top-4 right-0 pt-4 z-40 ${
-      subMenuIsShow ? 'bg-white rounded-md shadow-blue-gray/24' : ''
-    }`}
-    data-header-submenu-visible="toggled"
-  >
-    <button
-      className="flex justify-between items-center cursor-pointer h-6 ml-6"
-      onClick={toggleSubMenu}
-      aria-label={`${subMenuIsShow ? 'Скрыть другие разделы' : 'Показать другие разделы'}`}
-    >
-      {Array(3).fill(bgColor).map(renderDot)}
-    </button>
-    <div
-      className={`flex flex-col rounded-md bg-white p-6 pb-2 ${subMenuIsShow ? '' : 'hidden'}`}
-      aria-hidden={!subMenuIsShow}
-    >
-      {renderDotsSubMenuItems(subItems, router, handlerDecorator)}
-    </div>
-  </div>
-);
-
-// TODO: add types
-const renderDotsSubMenuItems = (subItems, router, handlerDecorator) =>
-  subItems?.map((_) => (
-    <a
-      key={_.href}
-      {...useLink({ router, handlerDecorator }, _)}
-      data-item-name="dots-header-submenu"
-      className="text-base font-light pb-4 hover:text-primary-main"
-    >
-      {_.text}
-    </a>
-  ));
-
-const renderDot = (bgColor: BgColorVersion, i: number) => (
-  <div key={String(i)} className={`w-[3px] h-[3px] rounded mr-1 ${DOT_BG_COLORS_MAP[bgColor]}`} />
-);

package/mobile/src/components/Insurance/Insurance.example.json

@@ -0,0 +1,21 @@
+{
+  "title": "Заголовок",
+  "description": "Описание",
+  "insurance": 500000,
+  "benefits": [
+    {
+      "label": "Заголовок 1",
+      "description": "Описание 1",
+      "icon": {
+        "icon": "ShieldTickIcon"
+      }
+    },
+    {
+      "label": "Заголовок 2",
+      "description": "Описание 2",
+      "icon": {
+        "icon": "ShieldTickIcon"
+      }
+    }
+  ]
+}

package/mobile/src/components/Insurance/Insurance.tsx

@@ -1,15 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import type { InsuranceContent } from './InsuranceContent';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import type { InsuranceContent } from './InsuranceContent';
 
 export interface InsuranceProps extends InsuranceContent, UniBlockProps {}
 
 export const Insurance = JSX<InsuranceProps>(
-  ({ className = '', title, description, image, benefits, insuranceSum, monthLimit }) => {
+  ({ className = '', title, description, image, benefits, sum, monthLimit }) => {
     return (
       <section className={`px-[100px] py-[50px] bg-white text-primary-text ${className}`}>
         {title ? <Heading headingType="h3" title={title} className="text-center" /> : null}
@@ -23,11 +23,9 @@ export const Insurance = JSX<InsuranceProps>(
               ) : null}
 
               <div className="bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4">
-                {insuranceSum
-                  ? renderValueBlock('Страховая сумма:', insuranceSum, Boolean(monthLimit))
-                  : null}
+                {sum ? renderValueBlock('Страховая сумма:', sum, Boolean(monthLimit)) : null}
                 {monthLimit
-                  ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(insuranceSum))
+                  ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(sum))
                   : null}
               </div>
             </div>
@@ -50,8 +48,11 @@ function renderBenefit(benefit: Benefit, i: number) {
           asSVG
         />
       ) : null}
-      <div className="flex">
-        <div className="text-title-2xs">{benefit.label}</div>
+      <div>
+        {benefit?.label ? <div className="text-title-2xs">{benefit.label}</div> : null}
+        {benefit?.description ? (
+          <div className="mt-2 font-light text-secondary-text">{benefit.description}</div>
+        ) : null}
       </div>
     </div>
   );

package/mobile/src/components/Insurance/InsuranceContent.ts

@@ -1,14 +1,12 @@
 import type { Picture } from '../../model/Picture';
 import type { BenefitsBlockContent } from '../BenefitsBlock/BenefitsBlockContent';
+import type { InsuranceProps } from '../../model/Insurance';
 
-export type InsuranceContent = BenefitsBlockContent & {
-  /** @title Заголовок */
-  title?: string;
-  /** @title Описание */
-  description?: string;
-  /** @title Ежемесячный лимит */
-  monthLimit?: number;
-  /** @title Страховая сумма */
-  insuranceSum?: number;
-  image?: Picture;
-};
+export type InsuranceContent = BenefitsBlockContent &
+  InsuranceProps & {
+    /** @title Заголовок */
+    title?: string;
+    /** @title Описание */
+    description?: string;
+    image?: Picture;
+  };

package/mobile/src/components/InsuranceAmountBlock/InsuranceAmountBlock.example.json

@@ -0,0 +1,44 @@
+{
+  "title": "Заголовок",
+  "button": {
+    "href": "https://rshb.ru",
+    "text": "Текст кнопки"
+  },
+  "insuranceTabs": [
+    {
+      "title": "Описание",
+      "card": [
+        {
+          "sum": 200000,
+          "fee": 2100,
+          "icon": { "icon": "ActualBalanceIcon" }
+        },
+        {
+          "sum": 200000,
+          "fee": 2100,
+          "icon": { "icon": "ActualBalanceIcon" }
+        }
+      ]
+    },
+    {
+      "title": "Описание",
+      "card": [
+        {
+          "sum": 200000,
+          "fee": 2100,
+          "icon": { "icon": "ActualBalanceIcon" }
+        },
+        {
+          "sum": 200000,
+          "fee": 2100,
+          "icon": { "icon": "ActualBalanceIcon" }
+        },
+        {
+          "sum": 200000,
+          "fee": 2100,
+          "icon": { "icon": "ActualBalanceIcon" }
+        }
+      ]
+    }
+  ]
+}

package/mobile/src/components/InsuranceAmountBlock/InsuranceAmountBlock.tsx

@@ -0,0 +1,84 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import type { InsuranceAmountBlockContent } from './InsuranceAmountBlockContent';
+import { InsuranceAmountBlockInner } from './InsuranceAmountBlockInner';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Button } from '../../ui-kit/Button/Button';
+
+export interface InsuranceAmountBlockProps extends InsuranceAmountBlockContent, UniBlockProps {}
+
+export const InsuranceAmountBlock = JSX<InsuranceAmountBlockProps>(
+  ({ className = '', context, title, insuranceTabs = [], button, anchor = null }) => {
+    const insuranceGalleries = insuranceTabs.map((_) => _.cards);
+    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
+
+    return (
+      <section
+        id={anchor}
+        className={`box-border py-[50px] overflow-hidden relative font-sans w-100 bg-white ${className}`}
+      >
+        {title ? <Heading className="text-center" title={title} headingType="h3" /> : null}
+        <div className="p-1.5 bg-secondary-light w-fit m-auto rounded-md mt-[34px]">
+          {insuranceTabs.map((item, i) =>
+            renderNavButton({
+              title: item?.title,
+              i,
+              activeSlideIndex,
+              onClick: () => setActiveSlideIndex(i),
+            }),
+          )}
+        </div>
+        <div
+          className="flex"
+          style={{ transform: `translateX(-${activeSlideIndex}00%)` }}
+          role="list"
+        >
+          {renderInsuranceGalleries({
+            context,
+            className,
+            insuranceGalleries,
+          })}
+        </div>
+        {button?.text ? (
+          <div className="flex justify-center">
+            <Button
+              className="box-border p-4 h-14 w-full max-w-[240px]"
+              version={button?.version || 'primary'}
+              href={button.href}
+            >
+              {button.text}
+            </Button>
+          </div>
+        ) : null}
+      </section>
+    );
+  },
+);
+
+const renderInsuranceGalleries = ({ insuranceGalleries, context, className }: any) => {
+  return insuranceGalleries?.length
+    ? insuranceGalleries.map((cards) => (
+        <InsuranceAmountBlockInner context={context} className={className} cards={cards} />
+      ))
+    : null;
+};
+
+function renderNavButton({ title, i, activeSlideIndex, onClick }) {
+  const isActiveBtn = i === activeSlideIndex;
+
+  const btnClassName = isActiveBtn
+    ? 'bg-primary-main text-white rounded-md'
+    : `text-secondary-text`;
+
+  return (
+    <button
+      type="button"
+      key={String(i)}
+      onClick={onClick}
+      aria-label={title}
+      className={`box-border px-4 py-3 text-m-md ${btnClassName}`}
+    >
+      {title}
+    </button>
+  );
+}

package/mobile/src/components/InsuranceAmountBlock/InsuranceAmountBlockContent.ts

@@ -0,0 +1,33 @@
+import type { Picture } from '../../model/Picture';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import type { InsuranceProps } from '../../model/Insurance';
+
+/**
+ * @title Кнопка выбора программы
+ */
+export type cardItem = InsuranceProps & {
+  icon?: Picture;
+  /** @title Страховой взнос */
+  fee?: number;
+};
+
+/**
+ * @title Вкладка
+ */
+export interface InsuranceAmountBlockTabs {
+  /** @title Заголовок вкладки */
+  title?: string;
+  /** @title Содержимое вкладки */
+  cards?: cardItem[];
+}
+
+/**
+ * @title Страховые суммы
+ */
+export interface InsuranceAmountBlockContent {
+  /** @title Заголовок */
+  title?: string;
+  /** @title Список вкладок */
+  insuranceTabs?: InsuranceAmountBlockTabs[];
+  button?: ButtonProps;
+}