{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "backgroundColor": "{colors.muted}",
    "textColor": "{colors.muted-foreground}",
    "rounded": "{rounded.full}",
    "display": "flex",
    "size": "full",
    "alignItems": "center",
    "justifyContent": "center"
  },
  "variants": {
    "size": {
      "sm": {
        "typography": "{typography.caption}",
        "fontWeight": "normal"
      },
      "md": {
        "typography": "{typography.small}"
      },
      "lg": {
        "typography": "{typography.small}"
      }
    }
  },
  "defaults": {
    "size": "md"
  }
}