{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "rounded": "{rounded.full}",
    "size": "{spacing.8}",
    "display": "inline-flex",
    "alignItems": "center",
    "justifyContent": "center",
    "icon": {
      "size": "{spacing.4}"
    }
  },
  "variants": {
    "state": {
      "inactive": {
        "backgroundColor": "{colors.background}",
        "textColor": "{colors.muted-foreground}",
        "border": "{border.default}",
        "borderColor": "{colors.input}"
      },
      "active": {
        "backgroundColor": "{colors.primary}",
        "textColor": "{colors.primary-foreground}"
      },
      "completed": {
        "backgroundColor": "{colors.foreground}",
        "textColor": "{colors.background}"
      }
    }
  },
  "defaults": {
    "state": "inactive"
  }
}