{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "gap": "{spacing.2}",
    "typography": "{typography.small}",
    "display": "flex",
    "alignItems": "center",
    "icon": {
      "size": "{spacing.3.5}"
    },
    "iconStart": {
      "paddingStart": "{spacing.4}"
    },
    "iconEnd": {
      "paddingEnd": "{spacing.4}"
    }
  },
  "variants": {
    "size": {
      "xs": {
        "height": "{spacing.6}",
        "gap": "{spacing.1}",
        "paddingX": "{spacing.1.5}",
        "typography": "{typography.caption}",
        "fontWeight": "normal"
      },
      "sm": {
        "height": "{spacing.10}",
        "paddingX": "{spacing.6}"
      },
      "icon-xs": {
        "size": "{spacing.6}",
        "padding": "{spacing.0}",
        "iconStart": {
          "paddingStart": "{spacing.0}"
        },
        "iconEnd": {
          "paddingEnd": "{spacing.0}"
        },
        "typography": "{typography.caption}",
        "fontWeight": "normal"
      },
      "icon-sm": {
        "size": "{spacing.8}",
        "padding": "{spacing.0}",
        "iconStart": {
          "paddingStart": "{spacing.0}"
        },
        "iconEnd": {
          "paddingEnd": "{spacing.0}"
        }
      }
    }
  },
  "defaults": {
    "size": "xs"
  }
}