import{jsxs as s,jsx as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import t from"../../storybook/stand-alone-documentaion/typography/Typography.js";import a from"classnames";import i from"../Button/Button.js";import n from"../Heading/Heading.js";import"./Card.scss.js";import{TypographyTypes as r,TypographySizes as c}from"../../storybook/stand-alone-documentaion/typography/TypographyConstants.js";import m from"../IconButton/IconButton.js";import p from"../Avatar/Avatar.js";import d from"../Icon/Icons/components/Remove.js";import l from"../Icon/Icons/components/Add.js";var g=e((function(e){var g,u,y=e.title,v=e.description,j=e.onButtonClick,f=e.image,h=e.hasButton,A=e.twoButton,z=e.avatarSrc,k=e.textColor;f?(g={mixBlendMode:"normal"},u=f):(g={mixBlendMode:"screen"},u=e.defaultImage);var I=a("overlay",{overlay_no_description:!v});return s("div",Object.assign({className:"main_wrapper"},{children:[o("img",{className:"image",style:g,src:u,alt:""}),s("div",Object.assign({className:I},{children:[o(n,{type:n.types.h2,size:n.sizes.SMALL,value:y}),s("div",Object.assign({className:"paragraph_wrapper"},{children:[z&&o("div",Object.assign({className:"avatar"},{children:o(p,{src:z,size:p.sizes.SMALL,type:p.types.IMG,rectangle:!0})})),o(t,{value:v,type:r.P,size:c.sm,as:"p",customColor:k}),A&&s("div",Object.assign({className:"button_container"},{children:[o(m,{icon:d,kind:m.kinds.TERTIARY,size:i.sizes.SMALL}),o(m,{icon:l,kind:m.kinds.TERTIARY,size:i.sizes.SMALL})]})),h&&o(i,Object.assign({onClick:j,kind:i.kinds.SECONDARY,size:i.sizes.SMALL},{children:"Add"}))]}))]}))]}))}));export{g as default};
