{
  "description": "This component is based on the [Sonner](https://sonner.emilkowal.ski/toast) toast library.",
  "methods": [],
  "displayName": "Toast",
  "props": {
    "id": {
      "required": true,
      "tsType": {
        "name": "union",
        "raw": "string | number",
        "elements": [
          {
            "name": "string"
          },
          {
            "name": "number"
          }
        ]
      },
      "description": "Optional ID of the toast."
    },
    "description": {
      "required": false,
      "tsType": {
        "name": "ReactReactNode",
        "raw": "React.ReactNode"
      },
      "description": "The toast's text."
    },
    "action": {
      "required": false,
      "tsType": {
        "name": "signature",
        "type": "object",
        "raw": "{ altText: string ; label: string ; onClick: () => void \\| Promise<void> ; variant?: ToastActionVariant  }",
        "signature": {
          "properties": [
            {
              "key": "altText",
              "value": {
                "name": "string"
              },
              "description": "The button's alt text."
            },
            {
              "key": "label",
              "value": {
                "name": "string"
              },
              "description": "The button's text."
            },
            {
              "key": "onClick",
              "value": {
                "name": "signature",
                "type": "function",
                "raw": "() => void \\| Promise<void>",
                "signature": {
                  "arguments": [],
                  "return": {
                    "name": "void \\| Promise<void>"
                  }
                }
              },
              "description": "The function to execute when the button is clicked."
            },
            {
              "key": "variant",
              "value": {
                "name": "ToastActionVariant",
                "elements": [
                  {
                    "name": "union",
                    "raw": "\"default\" \\| \"destructive\"",
                    "elements": [
                      {
                        "name": "\"default\""
                      },
                      {
                        "name": "\"destructive\""
                      }
                    ]
                  }
                ],
                "raw": "ToastActionVariant"
              },
              "description": "The button's variant."
            }
          ]
        }
      },
      "description": "The toast's action buttons."
    }
  }
}