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

Bothub UI Components

import{jsx as e}from"react/jsx-runtime";import{styled as t,css as i}from"styled-components";import{Typography as r}from"../typography/index.js";import{Button as o}from"../button/index.js";import{CloseIcon as a}from"../../icons/close/index.js";import{Image as n}from"../image/index.js";const p=t.div.withConfig({displayName:"styled__ChipStyled",componentId:"sc-1b7zlhu-0"})(["display:inline-flex;align-items:center;",""],(({$variant:e})=>{switch(e){case"default":return i`
          height: 26px;
          gap: 6px;
          border-radius: 6px;
          background: ${({theme:e})=>e.colors.grayScale.gray2};
          padding: 0px 12px;
        `;case"input":return i`
          height: 38px;
          gap: 8px;
          border: 1px solid ${({theme:e})=>e.colors.grayScale.gray2};
          border-radius: 6px;
          padding: 0px 8px;
          &:hover {
            border-color: ${({theme:e})=>e.colors.accent.primary};
          }
        `}})),s=t(n).attrs({width:18,height:18}).withConfig({displayName:"styled__ChipImage",componentId:"sc-1b7zlhu-1"})(["border-radius:2px;"]),d=t(r).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__ChipText",componentId:"sc-1b7zlhu-2"})(["cursor:inherit;user-select:none;"]),m=t(o).attrs({variant:"text",iconSize:12,children:e(a,{})}).withConfig({displayName:"styled__ChipDeleteButton",componentId:"sc-1b7zlhu-3"})([""]);export{m as ChipDeleteButton,s as ChipImage,p as ChipStyled,d as ChipText};