import{__rest as r}from"tslib";import o from"react";import{twMerge as t}from"tailwind-merge";import{VerticalPositions as e,HorizontalPositions as l,BaseColors as i}from"../../../lib/constants.js";import{colorClassNames as a}from"../../../lib/colorClassNames.js";import{boxShadow as s,borderRadius as m,border as n}from"../../../lib/shape.js";import{spacing as c}from"../../../lib/spacing.js";import{colorPalette as d,DEFAULT_COLOR as f}from"../../../lib/theme.js";import{getColorClassNames as g,makeClassName as p}from"../../../lib/utils.js";const b=p("Card"),u=r=>{if(!r)return"";switch(r){case l.Left:return n.lg.left;case e.Top:return n.lg.top;case l.Right:return n.lg.right;case e.Bottom:return n.lg.bottom;default:return""}},h=o.forwardRef(((e,l)=>{const{decoration:n="",decorationColor:p=i.Blue,children:h,className:C}=e,j=r(e,["decoration","decorationColor","children","className"]);return o.createElement("div",Object.assign({ref:l,className:t(b("root"),"relative w-full text-left ring-1",g("white").bgColor,s.md,a[p][d.border].borderColor,g(f,d.lightRing).ringColor,u(n),c.threeXl.paddingAll,m.lg.all,C)},j),h)}));h.displayName="Card";export{h as default};
