@bothub-chat/ui/dist/components/notification/styled.js

Bothub UI Components

import{jsx as t}from"react/jsx-runtime";import{styled as o}from"styled-components";import{animated as i}from"@react-spring/web";import{CloseIcon as e}from"../../icons/close/index.js";import{InfoBigIcon as n}from"../../icons/info-big/index.js";import{Typography as r}from"../typography/index.js";import{Button as a}from"../button/index.js";const s=o(i.div).withConfig({displayName:"styled__NotificationStyled",componentId:"sc-5r3ycz-0"})(["display:flex;background:",";border:1px solid ",";border-radius:14px;overflow:hidden;box-sizing:border-box;width:100%;max-width:335px;padding:20px;flex-shrink:0;pointer-events:auto;"],(({theme:t})=>"light"===t.mode?t.default.colors.base.white:t.colors.grayScale.gray2),(({theme:t,$variant:o})=>{switch(o){case"info":case"loading":return t.colors.accent.primary;case"warn":return t.colors.orange;case"error":return t.colors.critic;case"success":return t.colors.green}})),c=o.div.withConfig({displayName:"styled__NotificationContent",componentId:"sc-5r3ycz-1"})(["display:flex;width:100%;justify-content:space-between;box-sizing:border-box;align-items:",";gap:8px;"],(({$text:t})=>t?"flex-start":"center")),d=o.div.withConfig({displayName:"styled__NotificationLeft",componentId:"sc-5r3ycz-2"})(["display:flex;gap:10px;align-items:",";"],(({$text:t})=>t?"flex-start":"center")),l=o.div.withConfig({displayName:"styled__NotificationRight",componentId:"sc-5r3ycz-3"})(["display:flex;"]),p=o(n).withConfig({displayName:"styled__NotificationIcon",componentId:"sc-5r3ycz-4"})([""]),m=o.div.withConfig({displayName:"styled__NotificationInfo",componentId:"sc-5r3ycz-5"})(["display:flex;flex-direction:column;align-items:flex-start;"]),y=o(r).attrs({component:"h3",variant:"body-m-semibold"}).withConfig({displayName:"styled__NotificationTitle",componentId:"sc-5r3ycz-6"})([""]),f=o(r).attrs({component:"p",variant:"body-m-regular"}).withConfig({displayName:"styled__NotificationText",componentId:"sc-5r3ycz-7"})(["margin-top:10px;color:",";"],(({theme:t})=>"light"===t.mode?t.default.colors.base.black:t.colors.grayScale.gray6)),g=o(a).attrs({variant:"text",children:t(e,{})}).withConfig({displayName:"styled__NotificationCloseButton",componentId:"sc-5r3ycz-8"})([""]);export{g as NotificationCloseButton,c as NotificationContent,p as NotificationIcon,m as NotificationInfo,d as NotificationLeft,l as NotificationRight,s as NotificationStyled,f as NotificationText,y as NotificationTitle};