{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "textColor": "{colors.card-foreground}",
    "iconColor": "{colors.accent-foreground}",
    "rounded": "{rounded.none}",
    "height": "{spacing.7}",
    "gap": "{spacing.2}",
    "paddingX": "{spacing.3}",
    "display": "flex",
    "minWidth": "{spacing.0}",
    "alignItems": "center",
    "icon": {
      "size": "{spacing.3.5}"
    },
    "hover": {
      "backgroundColor": "{colors.accent}",
      "textColor": "{colors.accent-foreground}"
    },
    "active": {
      "backgroundColor": "{colors.accent}",
      "textColor": "{colors.accent-foreground}"
    },
    "current": {
      "backgroundColor": "{colors.accent}",
      "textColor": "{colors.accent-foreground}"
    }
  },
  "variants": {
    "size": {
      "sm": {
        "typography": "{typography.caption}",
        "fontWeight": "normal"
      },
      "md": {
        "typography": "{typography.small}"
      }
    }
  },
  "defaults": {
    "size": "md"
  }
}