const o = {
  classes: {
    wrapper: "flex items-center space-x-2 px-4 py-3 border border-l-4 text-sm"
  },
  styles: ({ props: t, colors: n, css: a }) => {
    const l = n.getPalette("gray"), e = n.getPalette(t.color), r = [];
    return t.glow && r.push(a.get("glow", n.getColorOpacity(e[500], 0.5))), t.color ? (t.light ? r.push(a.variables({
      bg: e[50],
      text: l[900],
      icon: e[600],
      border: t.outlined ? e[600] : e[50],
      dark: {
        bg: l[800],
        text: l[100],
        icon: e[600],
        border: t.outlined ? e[500] : e[200]
      }
    })) : r.push(a.variables({
      bg: t.outlined ? "transparent" : e[600],
      text: t.outlined ? e[600] : e[50],
      icon: t.outlined ? e[600] : e[50],
      border: e[600],
      dark: {
        border: e[400],
        text: t.outlined ? e[400] : e[50]
      }
    })), r) : (r.push(a.variables({
      bg: "transparent",
      text: e[500],
      border: e[300],
      dark: {
        bg: "transparent",
        text: e[300],
        border: e[500]
      }
    })), r);
  }
}, d = o;
export {
  d as default
};
