{
  "type": "excalidraw",
  "version": 2,
  "source": "turbostarter-wireframes",
  "elements": [
    {
      "id": "backdrop",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 800,
      "height": 600,
      "strokeColor": "transparent",
      "backgroundColor": "#1a1a1a",
      "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": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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": "#e5e5e5",
      "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": "#1a1a1a",
      "backgroundColor": "#1a1a1a",
      "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": "#e5e5e5",
      "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": "#e5e5e5",
      "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": "#e5e5e5",
      "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": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "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": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "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": "#e5e5e5",
      "backgroundColor": "#e5e5e5",
      "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": "#e5e5e5",
      "backgroundColor": "#ffffff",
      "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": "#f5f5f5",
      "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": "#f5f5f5",
      "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": "#e5e5e5",
      "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": "#e5e5e5",
      "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": "#f97316",
      "backgroundColor": "#f97316",
      "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"
  }
}