@hhgtech/hhg-components 1.21.82 → 1.21.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.21.82",
+  "version": "1.21.84",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [
@@ -183,8 +183,8 @@
       "navigation": [
         "build/components/organisms/navigationV2/index.d.ts"
       ],
-      "imgHHG": [
-        "build/modules/imgHHG/index.d.ts"
+      "footer": [
+        "build/components/organisms/footer/index.d.ts"
       ],
       "constants": [
         "build/interfaces/constants/index.d.ts"

package/build/esm/defaultClassWrapper-d19e31e4.js

@@ -1 +0,0 @@
-import{_ as n,c as a,a as o}from"./tslib.es6-44f7e5ec.js";import r,{forwardRef as t}from"react";import{t as e}from"./theme-a50a1aa5.js";import i,{keyframes as d}from"styled-components";var s,l,c,p,g,h,m,b,u,x,y=d(s||(s=n(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),v=i.svg(l||(l=n([""],[""]))),f=i.circle(c||(c=n([""],[""]))),k=i.svg(p||(p=n(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),y),C=i.path(g||(g=n([""],[""]))),w=i.span(h||(h=n(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg + svg {\n    position: absolute;\n    left: 0;\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg + svg {\n    position: absolute;\n    left: 0;\n  }\n"]))),z=i.span(m||(m=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),B=i.span(b||(b=n([""],[""]))),E=i.span(u||(u=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),P=i.button(x||(x=n(["\n  width: auto;\n  border-radius: 6px;\n\n  &[data-theme='marryBaby'] {\n    border-radius: 16px;\n  }\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  "," {\n    display: flex;\n    align-items: center;\n\n    & + "," {\n      margin-left: 8px;\n    }\n  }\n\n  &[data-size='lg'] {\n    padding: 12px 24px;\n    font-size: 16px;\n    line-height: 24px;\n\n    "," {\n      svg,\n      img {\n        max-height: 24px;\n      }\n    }\n  }\n\n  &[data-size='md'] {\n    padding: 9px 24px;\n    font-size: 14px;\n    line-height: 22px;\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-size='sm'] {\n    padding: 5px 24px;\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-color='primary'] {\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border: solid 2px ",";\n      background-color: ",";\n\n      &[data-has-icon='true'] {\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &:hover:not(:disabled)[data-is-loading='false'] {\n      background-color: ",";\n\n      &[data-theme='marryBaby'] {\n        border: solid 2px ",";\n        background-color: ",";\n        color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      background-color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: white;\n        }\n\n        "," {\n          stroke: transparent;\n        }\n      }\n    }\n  }\n\n  &[data-color='secondary'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n\n      &:hover[data-is-loading='false'] svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border-color: ",";\n      background-color: transparent;\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-theme='marryBaby'] {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-color='tertiary'] {\n    border: solid 2px ",";\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n      font-weight: ",";\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      border-width: 1px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      &[data-theme='marryBaby'] {\n        color: ",";\n        background-color: ",";\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n      border-color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-color='ghost'] {\n    border: 0;\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='sm'] {\n      padding: 5px 12px;\n      font-size: 12px;\n      line-height: 18px;\n    }\n\n    &:disabled {\n      border-color: 0;\n      background-color: transparent;\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-color='transparent'] {\n    border: none;\n    background-color: transparent;\n\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      padding: 0;\n    }\n  }\n\n  &[data-color='danger'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: white;\n      }\n\n      "," {\n        stroke: transparent;\n      }\n    }\n  }\n\n  &[data-color='success'] {\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: ",";\n      }\n\n      "," {\n        stroke: transparent;\n      }\n\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  &[data-block='true'] {\n    width: 100%;\n    padding: 12px auto;\n  }\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"],["\n  width: auto;\n  border-radius: 6px;\n\n  &[data-theme='marryBaby'] {\n    border-radius: 16px;\n  }\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  "," {\n    display: flex;\n    align-items: center;\n\n    & + "," {\n      margin-left: 8px;\n    }\n  }\n\n  &[data-size='lg'] {\n    padding: 12px 24px;\n    font-size: 16px;\n    line-height: 24px;\n\n    "," {\n      svg,\n      img {\n        max-height: 24px;\n      }\n    }\n  }\n\n  &[data-size='md'] {\n    padding: 9px 24px;\n    font-size: 14px;\n    line-height: 22px;\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-size='sm'] {\n    padding: 5px 24px;\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-color='primary'] {\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border: solid 2px ",";\n      background-color: ",";\n\n      &[data-has-icon='true'] {\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &:hover:not(:disabled)[data-is-loading='false'] {\n      background-color: ",";\n\n      &[data-theme='marryBaby'] {\n        border: solid 2px ",";\n        background-color: ",";\n        color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      background-color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: white;\n        }\n\n        "," {\n          stroke: transparent;\n        }\n      }\n    }\n  }\n\n  &[data-color='secondary'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n\n      &:hover[data-is-loading='false'] svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border-color: ",";\n      background-color: transparent;\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-theme='marryBaby'] {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-color='tertiary'] {\n    border: solid 2px ",";\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n      font-weight: ",";\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      border-width: 1px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      &[data-theme='marryBaby'] {\n        color: ",";\n        background-color: ",";\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n      border-color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-color='ghost'] {\n    border: 0;\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='sm'] {\n      padding: 5px 12px;\n      font-size: 12px;\n      line-height: 18px;\n    }\n\n    &:disabled {\n      border-color: 0;\n      background-color: transparent;\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-color='transparent'] {\n    border: none;\n    background-color: transparent;\n\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      padding: 0;\n    }\n  }\n\n  &[data-color='danger'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: white;\n      }\n\n      "," {\n        stroke: transparent;\n      }\n    }\n  }\n\n  &[data-color='success'] {\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: ",";\n      }\n\n      "," {\n        stroke: transparent;\n      }\n\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  &[data-block='true'] {\n    width: 100%;\n    padding: 12px auto;\n  }\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"])),e.sizes.fwBold,B,z,B,B,e.sizes.fwSemiBold,B,e.colors.primaryBase,e.colors.primaryBase,e.colors.white,e.colors.white,e.mbColors.pink,e.mbColors.pink,e.mbColors.pink,e.colors.primaryHover,e.mbColors.pink,e.colors.white,e.mbColors.pink,e.colors.primaryActive,e.mbColors.pink,C,f,e.colors.primaryBase,e.colors.white,e.colors.primaryBase,e.colors.primaryBase,e.colors.white,e.mbColors.pink,e.mbColors.pink,e.mbColors.pink,e.colors.white,e.colors.primaryHover,e.colors.primaryHover,e.colors.white,e.mbColors.pink,e.mbColors.pink,e.colors.primaryActive,e.colors.primaryActive,e.colors.white,e.mbColors.pink,e.mbColors.pink,e.colors.gray300,e.colors.gray800,e.sizes.fwSemiBold,e.colors.white,e.mbColors.pink,e.mbColors.pink,e.mbColors.pink,e.mbColors.pink,e.colors.white,C,e.mbColors.pink,e.colors.primaryBase,e.colors.gray300,e.colors.red600,e.colors.red600,e.colors.white,e.colors.red200,e.colors.red200,e.colors.white,e.colors.white,C,f,e.colors.green50,e.colors.green800,e.colors.green800,e.mbColors.mint,e.mbColors.mint,C,e.colors.green800,f,C,e.mbColors.mint,e.colors.gray300,e.colors.gray300,e.colors.white),N=function(n){var t=n.size,e=n.color,i=void 0===e?"primary":e,d=n.theme,s=void 0===d?"helloSites":d,l=n.isDisabled,c=n.isBlock,p=n.title,g=n.className,h=n.onClick,m=n.icon,b=n.children,u=n.isLoading,x=void 0!==u&&u,y=n.loadingText,N=n.dataEventCategory,A=n.dataEventAction,L=n.dataEventLabel,j=n.dataProductChannel,S=n.dataProductSku,T=n.dataProductBrand,H=n.dataProductName,D=n.dataProductPrice,F=n.dataProductCategory,M=n.dataProductPosition,V=n.isAmp,W=n.on,Z=n.dataVarsTracking,_=n.type,q=a(n,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),G=V?{"data-vars-event-category":N,"data-vars-event-action":A,"data-vars-event-label":L,"data-vars-product-channel":j,"data-vars-product-sku":S,"data-vars-product-brand":T,"data-vars-product-name":H,"data-vars-product-price":D,"data-vars-product-category":F,"data-vars-product-position":M,"data-vars-tracking":Z,on:W}:{"data-event-category":N,"data-event-action":A,"data-event-label":L,"data-product-channel":j,"data-product-sku":S,"data-product-brand":T,"data-product-name":H,"data-product-price":D,"data-product-category":F,"data-product-position":M},I=r.createElement(w,null,r.createElement(v,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement(f,{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),r.createElement(k,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r.createElement("mask",{id:"path-1-inside-1",fill:"white"},r.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),r.createElement(C,{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"})));return r.createElement(P,o({},G,{className:g,"data-size":t,"data-color":i,"data-block":c,"data-has-icon":!!m||void 0,"data-theme":s,disabled:l,onClick:function(n){!x&&!l&&h&&h(n)},title:p,"data-is-loading":x,type:_},q),r.createElement(E,null,(m||x)&&r.createElement(B,{className:"button-icon"},x?I:m," "),b&&r.createElement(z,null,x&&y||b)))},A=function(n,e){return t((function(t,i){var d=t.className,s=a(t,["className"]);return r.createElement(n,o({ref:i,className:"".concat(e," ").concat(d||"")},s))}))};export{N as B,A as g};

package/build/esm/imgHHG.js

@@ -1 +0,0 @@
-import{c as r,a as e}from"./tslib.es6-44f7e5ec.js";import t,{useRef as a,useEffect as i}from"react";var s=function(a){var i=a.isAmp,s=a.ampImgProps,n=r(a,["isAmp","ampImgProps"]);return i&&(n.width||s.width)&&(n.height||s.height)?t.createElement("amp-img",e({},n,s,{width:String(n.width||s.width),height:String(n.height||s.height)})):t.createElement(c,e({},n))},c=function(s){var c=s.lazyLoad,n=s.src,o=s.srcSet,l=s.sizes,m=s.fallbackSrc,g=void 0===m?"/images/default-image.jpg":m,h=r(s,["lazyLoad","src","srcSet","sizes","fallbackSrc"]),d=a(!1),u=a(null),f=function(){d.current||(d.current=!0,u.current.src=g)};i((function(){if(!c){var r=new Image;r.src=n,r.onerror=f}}),[]);var p=c?{className:"lazy "+h.className,"data-src":n,"data-srcset":o,"data-sizes":l}:{src:n,srcSet:o,sizes:l};return t.createElement("img",e({ref:u},h,p,{onError:function(r){var e;f(),null===(e=null==h?void 0:h.onError)||void 0===e||e.call(h,r)}}))};export{s as ImgHHG};