{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "textColor": "{colors.foreground/60}",
    "border": "{border.default}",
    "borderColor": "transparent",
    "rounded": "{rounded.none}",
    "typography": "{typography.caption}",
    "fontWeight": "semibold",
    "letterSpacing": "wider",
    "textTransform": "uppercase",
    "gap": "{spacing.2}",
    "paddingX": "{spacing.4}",
    "paddingY": "{spacing.1.5}",
    "display": "inline-flex",
    "height": "full",
    "flex": "1",
    "alignItems": "center",
    "justifyContent": "center",
    "icon": {
      "size": "{spacing.3.5}"
    },
    "iconStart": {
      "paddingStart": "{spacing.2.5}"
    },
    "iconEnd": {
      "paddingEnd": "{spacing.2.5}"
    },
    "hover": {
      "textColor": "{colors.foreground}"
    },
    "focus": {
      "borderColor": "{colors.ring}",
      "outline": "{ring.hairline}",
      "outlineColor": "{colors.ring}"
    },
    "selected": {
      "backgroundColor": "{colors.background}",
      "textColor": "{colors.foreground}"
    }
  },
  "variants": {
    "variant": {
      "default": {},
      "line": {
        "selected": {
          "backgroundColor": "transparent"
        }
      }
    }
  },
  "defaults": {
    "variant": "default"
  }
}