@redneckz/wildless-cms-uni-blocks 0.3.73 → 0.3.74

package/src/components/Insurance/Insurance.tsx

@@ -10,23 +10,17 @@ export interface InsuranceProps extends InsuranceContent, UniBlockProps {}
 export const Insurance = JSX<InsuranceProps>(
   ({ className = '', title, description, image, benefits, sum, monthLimit }) => {
     return (
-      <section className={`px-[100px] py-[50px] bg-white text-primary-text ${className}`}>
+      <section className={`px-[100px] py-[50px] bg-white text-primary-text font-sans ${className}`}>
         {title ? <Heading headingType="h3" title={title} className="text-center" /> : null}
         {description ? <div className="text-center text-md mt-3">{description}</div> : null}
         <div>
-          <div className="mt-5 mx-auto flex justify-center gap-[120px] mt-[30px]">
+          <div className="mt-5 mx-auto flex justify-center gap-[122px] mt-[30px]">
             {image?.src ? <Img image={image} /> : null}
             <div className="w-[558px] m-auto">
               {benefits ? (
                 <div className="flex flex-col gap-4">{benefits.map(renderBenefit)}</div>
               ) : null}
-
-              <div className="bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4">
-                {sum ? renderValueBlock('Страховая сумма:', sum, Boolean(monthLimit)) : null}
-                {monthLimit
-                  ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(sum))
-                  : null}
-              </div>
+              {renderInsuranceSumMonth(sum, monthLimit)}
             </div>
           </div>
         </div>
@@ -37,26 +31,37 @@ export const Insurance = JSX<InsuranceProps>(
 
 function renderBenefit(benefit: InsuranceBenefit, i: number) {
   return (
-    <div key={String(i)} className="flex items-center gap-5">
+    <div key={String(i)} className="flex items-center gap-4">
       {benefit?.icon ? (
         <Img
-          className="w-[50px] h-[50px] min-w-[50px] p-3 rounded-full bg-secondary-light"
+          className="w-12 h-12 min-w-12 p-3 rounded-full bg-secondary-light"
           image={benefit.icon}
-          width="24"
-          height="24"
           asSVG
         />
       ) : null}
       <div>
-        {benefit?.label ? <div className="text-title-2xs">{benefit.label}</div> : null}
+        {benefit?.label ? <div className="text-title-2xs font-normal">{benefit.label}</div> : null}
         {benefit?.description ? (
-          <div className="mt-2 font-light text-secondary-text">{benefit.description}</div>
+          <div className="mt-0.5 font-light text-secondary-text font-light">
+            {benefit.description}
+          </div>
         ) : null}
       </div>
     </div>
   );
 }
 
+function renderInsuranceSumMonth(sum, monthLimit) {
+  return sum || monthLimit ? (
+    <div className="bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4">
+      {Number.isFinite(sum) ? renderValueBlock('Страховая сумма:', sum, Boolean(monthLimit)) : null}
+      {Number.isFinite(monthLimit)
+        ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(sum))
+        : null}
+    </div>
+  ) : null;
+}
+
 function renderValueBlock(title, sum, isAnotherBlock) {
   const widthStyle = isAnotherBlock ? 'w-fit' : 'w-full';
   return (

package/src/components/Insurance/InsuranceContent.ts

@@ -12,6 +12,9 @@ export interface InsuranceBenefit {
   icon?: Picture;
 }
 
+/**
+ * @title Страховка
+ */
 export type InsuranceContent = InsuranceProps & {
   /** @title Заголовок */
   title?: string;