UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

2 lines (1 loc) 2.28 kB
import{__rest as r}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as i,useCallback as o}from"react";import{DescriptionCardStyled as a,DescriptionCardBorderWrapper as n,DescriptionCardBackgroundWrapper as s,DescriptionCardBackground as d,DescriptionCardContent as c,DescriptionCardTitle as p,DescriptionCardTertiaryTitle as l,DescriptionCardText as y,DescriptionCardTertiaryText as m}from"./styled.js";export{DescriptionCardButton,DescriptionCardButtonsWrapper,DescriptionCardLiContent,DescriptionCardLiStled,DescriptionCardUlStyled}from"./styled.js";import{LinksIcon as v}from"../../../icons/links/index.js";import"../../../theme/index.js";import"./grid/styled.js";import{useTheme as g}from"../../../theme/hook.js";const f=f=>{var{icon:u=t(v,{}),title:h,descriptionCardType:x,text:$,children:C,variant:M="main"}=f,j=r(f,["icon","title","descriptionCardType","text","children","variant"]);const b=g(),[L,T]=i(0),[D,k]=i(0),B=o((r=>{var t;const e=r.pageX-r.currentTarget.offsetLeft,i=r.pageY-r.currentTarget.offsetTop;T(e),k(i),null===(t=j.onMouseMove)||void 0===t||t.call(j,r)}),[j.onMouseMove]),S=o((r=>{var t;T(0),k(0),null===(t=j.onMouseLeave)||void 0===t||t.call(j,r)}),[j.onMouseLeave]);return t(a,Object.assign({},j,{$variant:M,$descriptionCardType:x,onMouseMove:B,onMouseLeave:S,children:t(n,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(100% 100% at ${L}px ${D}px, ${b.colors.accent.primary}, rgba(0, 0, 0, 0.0))`}:{},children:e(s,{$variant:M,style:"tertiary"!==M?{background:`radial-gradient(80% 70% at ${L}px ${D}px, rgba(28, 100, 242, 0.38) 9.34%, rgba(0, 0, 0, 0.00) 100%), #121825`}:{},children:["tertiary"===M&&t(d,{$variant:M}),e(c,{$variant:M,children:["tertiary"===M&&u,"tertiary"!==M&&("string"==typeof h?t(p,{children:h}):h),"tertiary"===M&&("string"==typeof h?t(l,{children:h}):h),"tertiary"!==M&&("string"==typeof $?t(y,{children:$}):$),"tertiary"===M&&("string"==typeof $?t(m,{children:$}):$),C]})]})})}))};export{f as DescriptionCard,d as DescriptionCardBackground,s as DescriptionCardBackgroundWrapper,n as DescriptionCardBorderWrapper,c as DescriptionCardContent,a as DescriptionCardStyled,m as DescriptionCardTertiaryText,l as DescriptionCardTertiaryTitle,y as DescriptionCardText,p as DescriptionCardTitle};