UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

11 lines (10 loc) 1.92 kB
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as i}from"styled-components";import{Typography as o}from"../../typography/index.js";import{Button as r}from"../../button/index.js";import{Plus2Icon as n}from"../../../icons/plus-2/index.js";import{adaptive as p}from"../../../adaptive/index.js";import{GearIcon as s}from"../../../icons/gear/index.js";const d=t.div.withConfig({displayName:"styled__DeveloperKeysStyled",componentId:"sc-1bzwrr5-0"})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;"]),a=t.div.withConfig({displayName:"styled__DeveloperKeysHeader",componentId:"sc-1bzwrr5-1"})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;"]),l=t(o).attrs({component:"h3",variant:"h2"}).withConfig({displayName:"styled__DeveloperKeysTitle",componentId:"sc-1bzwrr5-2"})([""]),m=t(s).attrs({size:50}).withConfig({displayName:"styled__DeveloperKeysIcon",componentId:"sc-1bzwrr5-3"})(["padding:10px;border-radius:8px;border:"," 1px solid;"],(({theme:e})=>e.colors.grayScale.gray1)),c=t.div.withConfig({displayName:"styled__DeveloperKeyList",componentId:"sc-1bzwrr5-4"})(["display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;",""],p({variant:"dashboard",desktop:i` margin: 20px 0px; gap: 20px; `,tablet:i` margin: 18px 0px; gap: 18px; `,mobile:i` margin: 14px 0px; gap: 14px; `})),y=t.div.withConfig({displayName:"styled__DeveloperKeysButtons",componentId:"sc-1bzwrr5-5"})(["display:flex;flex-wrap:wrap;"]),x=t(r).attrs({size:"md",startIcon:e(n,{}),iconSize:18}).withConfig({displayName:"styled__AddDeveloperKeyButton",componentId:"sc-1bzwrr5-6"})([""]);export{x as AddDeveloperKeyButton,c as DeveloperKeyList,y as DeveloperKeysButtons,a as DeveloperKeysHeader,m as DeveloperKeysIcon,d as DeveloperKeysStyled,l as DeveloperKeysTitle};