{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "backgroundColor": "{colors.muted}",
    "textColor": "{colors.muted-foreground}",
    "rounded": "{rounded.full}",
    "outline": "{ring.frame}",
    "outlineColor": "{colors.background}",
    "display": "flex",
    "flexShrink": "0",
    "alignItems": "center",
    "justifyContent": "center"
  },
  "variants": {
    "size": {
      "sm": {
        "size": "{spacing.6}",
        "typography": "{typography.caption}",
        "fontWeight": "normal",
        "icon": {
          "size": "{spacing.3}"
        }
      },
      "md": {
        "size": "{spacing.8}",
        "typography": "{typography.small}",
        "icon": {
          "size": "{spacing.4}"
        }
      },
      "lg": {
        "size": "{spacing.10}",
        "typography": "{typography.small}",
        "icon": {
          "size": "{spacing.5}"
        }
      }
    }
  },
  "defaults": {
    "size": "md"
  }
}