{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "backgroundColor": "{colors.card}",
    "textColor": "{colors.card-foreground}",
    "border": "{border.default}",
    "borderColor": "{colors.border}",
    "rounded": "{rounded.none}",
    "typography": "{typography.small}",
    "gap": "{spacing.1}",
    "paddingX": "{spacing.4}",
    "paddingY": "{spacing.3}",
    "display": "grid",
    "width": "full",
    "justifyContent": "start",
    "textAlign": "start",
    "icon": {
      "size": "{spacing.4}"
    },
    "after": {
      "borderStart": "{border.focus}",
      "borderColor": "{colors.foreground}"
    }
  },
  "variants": {
    "variant": {
      "neutral": {},
      "info": {
        "extends": "notice-info",
        "after": {
          "borderColor": "{colors.info}"
        }
      },
      "success": {
        "extends": "notice-positive",
        "after": {
          "borderColor": "{colors.positive}"
        }
      },
      "warning": {
        "extends": "notice-warning",
        "after": {
          "borderColor": "{colors.warning}"
        }
      },
      "error": {
        "extends": "notice-destructive",
        "after": {
          "borderColor": "{colors.destructive}"
        }
      }
    }
  },
  "defaults": {
    "variant": "neutral"
  }
}