import * as React from "react"; import type { WelcomeProp } from "../../props/components/data-display.prop.js"; export type { WelcomeProp, WelcomeProp as WelcomeProps, WelcomeVariantProp, } from "../../props/components/data-display.prop.js"; /** * Welcome — the greeting block at the head of an empty conversation (Ant Design X `Welcome`). * * ## Why this is a component and not four lines of composition * * It is close to the line, and the honest answer is that the SHAPE is the value: an assistant's * first screen is the same object in every product — glyph, greeting, one line under it, one * trailing action — and Ant X named it, so every consumer that builds a chat now expects the name. * What it owns beyond a `Flex` is the `extra` slot's placement (on the TITLE row, not below the * description, which is where a hand-roll puts it) and the `icon`-as-URL rule below. * * ## Two deliberate differences from Ant X, both in the same direction * * - **The image icon is decorative.** Ant renders `alt="icon"` — a screen reader then reads the * word "icon" beside a title the glyph is only decorating. Here it is `alt=""`, which is what an * image that duplicates adjacent text is supposed to be. * - **The heading level is Ant's.** Ant hardcodes `Typography.Title level={4}`, so this renders an * `