import r from"../../node_modules/classnames/index.js";import e,{useMemo as o}from"react";import{convertSpacingPropsToClassNames as a,convertBorderPropsToClassNames as i,convertFlexContainerPropsToClassNames as t}from"../utils.js";import d from"./Clickable.module.scss.js";const l=e.forwardRef(((l,n)=>{const{children:m,external:b=!1,fullHeight:f=!1,fullWidth:s=!1,hoverColor:g,href:c,onClick:p,border:h,borderBottom:u,borderColor:k,borderLeft:C,borderRadius:R,borderRight:v,borderTop:x,borderX:L,borderY:j,padding:X,paddingX:Y,paddingY:w,paddingLeft:H,paddingRight:_,margin:y,marginX:B,marginY:E,marginLeft:N,marginRight:T,...W}=l,q=c?"a":"button",z=o((()=>c?b?{...W,href:c,rel:"noopener noreferrer",target:"_blank"}:{...W,href:c}:W),[b,c,W]);return e.createElement(q,{"aria-label":"string"==typeof m?m:W["aria-label"],className:r(a(l),i(l),t(l),d.clickable,{[d.hoverable]:g,[d.overrideLinkHover]:c,"d-block":!!c,"h-100":f,"text-black":!!c,"w-100":s}),onClick:p,ref:n,...z},m)}));export{l as default};
//# sourceMappingURL=Clickable.js.map
