{
  "type": "excalidraw",
  "version": 2,
  "source": "turbostarter-wireframes",
  "elements": [
    {
      "id": "backdrop",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 800,
      "height": 600,
      "strokeColor": "transparent",
      "backgroundColor": "$foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 30,
      "groupIds": [],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "modal-container",
      "type": "rectangle",
      "x": 160,
      "y": 140,
      "width": 480,
      "height": 320,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-border",
      "type": "line",
      "x": 160,
      "y": 196,
      "width": 480,
      "height": 0,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "points": [[0, 0], [480, 0]]
    },
    {
      "id": "modal-title",
      "type": "rectangle",
      "x": 184,
      "y": 160,
      "width": 200,
      "height": 24,
      "strokeColor": "$foreground",
      "backgroundColor": "$foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "close-button",
      "type": "rectangle",
      "x": 592,
      "y": 156,
      "width": 32,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "close-x-h",
      "type": "line",
      "x": 600,
      "y": 164,
      "width": 16,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "points": [[0, 0], [16, 16]]
    },
    {
      "id": "close-x-v",
      "type": "line",
      "x": 616,
      "y": 164,
      "width": -16,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "points": [[0, 0], [-16, 16]]
    },
    {
      "id": "content-desc-1",
      "type": "rectangle",
      "x": 184,
      "y": 220,
      "width": 432,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "content-desc-2",
      "type": "rectangle",
      "x": 184,
      "y": 244,
      "width": 380,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "content-desc-3",
      "type": "rectangle",
      "x": 184,
      "y": 268,
      "width": 300,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "optional-input",
      "type": "rectangle",
      "x": 184,
      "y": 304,
      "width": 432,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "footer-bg",
      "type": "rectangle",
      "x": 160,
      "y": 396,
      "width": 480,
      "height": 64,
      "strokeColor": "transparent",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "footer-bg-top-mask",
      "type": "rectangle",
      "x": 160,
      "y": 396,
      "width": 480,
      "height": 20,
      "strokeColor": "transparent",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "footer-border",
      "type": "line",
      "x": 160,
      "y": 396,
      "width": 480,
      "height": 0,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false,
      "points": [[0, 0], [480, 0]]
    },
    {
      "id": "cancel-button",
      "type": "rectangle",
      "x": 408,
      "y": 408,
      "width": 100,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "confirm-button",
      "type": "rectangle",
      "x": 516,
      "y": 408,
      "width": 100,
      "height": 40,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["modal-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    }
  ],
  "appState": {
    "gridSize": 20,
    "viewBackgroundColor": "$background"
  }
}