@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 r}from"styled-components";import{Typography as i}from"../typography/index.js";import{Button as o}from"../button/index.js";import{CloseIcon as n}from"../../icons/close/index.js";import{Image as a}from"../image/index.js";const d=t.div.withConfig({displayName:"styled__ChipStyled",componentId:"sc-1b7zlhu-0"})(["display:inline-flex;align-items:center;",""],({$variant:e})=>{switch(e){case"default":return r`
          height: 26px;
          gap: 6px;
          border-radius: 6px;
          background: ${({theme:e})=>e.colors.grayScale.gray2};
          padding: 0px 12px;
        `;case"input":return r`
          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(d).withConfig({displayName:"styled__ChipIncludes",componentId:"sc-1b7zlhu-1"})(["border:none;padding:0;height:auto;background:transparent;border-radius:0;flex:1;"]),p=t(a).attrs({width:18,height:18}).withConfig({displayName:"styled__ChipImage",componentId:"sc-1b7zlhu-2"})(["border-radius:2px;"]),l=t(i).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__ChipText",componentId:"sc-1b7zlhu-3"})(["cursor:inherit;user-select:none;flex:1;"]),c=t(o).attrs({variant:"text",iconSize:12,children:e(n,{})}).withConfig({displayName:"styled__ChipDeleteButton",componentId:"sc-1b7zlhu-4"})([""]);export{c as ChipDeleteButton,p as ChipImage,s as ChipIncludes,d as ChipStyled,l as ChipText};