{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "backgroundColor": "{colors.primary}",
    "textColor": "{colors.primary-foreground}",
    "rounded": "{rounded.full}",
    "outline": "{ring.frame}",
    "outlineColor": "{colors.background}",
    "display": "inline-flex",
    "alignItems": "center",
    "justifyContent": "center"
  },
  "variants": {
    "size": {
      "sm": {
        "size": "{spacing.2}"
      },
      "md": {
        "size": "{spacing.2.5}",
        "icon": {
          "size": "{spacing.2}"
        }
      },
      "lg": {
        "size": "{spacing.3}",
        "icon": {
          "size": "{spacing.2}"
        }
      }
    }
  },
  "defaults": {
    "size": "md"
  }
}