@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 996 B
JavaScript
import{jsx as r}from"react/jsx-runtime";import{mergeSx as e}from"merge-sx";import{base as t}from"../../BrandCore/primitiveVariables.js";import o from"./components/ai.js";import m from"./components/alert.js";import n from"./components/celebrate-collaborate.js";import a from"./components/comment.js";import s from"./components/many-media.js";import i from"./components/placeholder.js";import c from"./components/qual-and-quant.js";import p from"./components/variant-test.js";import l from"./components/worldwide.js";const u={xl:3*t},f=({name:t,size:f,sx:d,...j})=>{const x={sx:e({height:f||u.xl,width:f||u.xl,fill:"none"},d),...j};switch(t){case"ai":return r(o,{...x});case"alert":return r(m,{...x});case"celebrate-collaborate":return r(n,{...x});case"comment":return r(a,{...x});case"many-media":return r(s,{...x});case"qual-and-quant":return r(c,{...x});case"variant-test":return r(p,{...x});case"worldwide":return r(l,{...x});default:return r(i,{...x})}};export{f as default,u as iconSizeMap};