{
  "name": "toggle-switch",
  "figma": {
    "page": "Components",
    "component_set_id": "803:1061",
    "component_keys": {
      "State=Off": "803:1059",
      "State=On": "803:1060"
    }
  },
  "variant_axes": {
    "State": [
      "Off",
      "On"
    ]
  },
  "layout": {
    "type": "auto_layout",
    "direction": "horizontal",
    "sizing": {
      "width": "fixed:100",
      "height": "fixed:56"
    },
    "padding": {
      "left": "primitives.space.4",
      "right": "primitives.space.4",
      "top": "primitives.space.4",
      "bottom": "primitives.space.4"
    },
    "item_spacing": 0,
    "align": {
      "counter": "center"
    }
  },
  "base": {
    "radius": "style_guide.radius.pill",
    "knob": {
      "shape": "ellipse",
      "size": {
        "width": 48,
        "height": 48
      },
      "fill": "style_guide.color.ink"
    }
  },
  "variants": {
    "Off": {
      "track_fill": "style_guide.color.muted",
      "align_primary": "min"
    },
    "On": {
      "track_fill": "style_guide.color.accent",
      "align_primary": "max"
    }
  }
}