import type { IconProps } from "../Icon"; import type * as G from "../../types/global"; import type { Attributes, ClassName } from "@reshaped/headless"; import type React from "react"; export type Props = { /** SVG component for the icon */ icon?: IconProps["svg"]; /** Title slot */ title?: React.ReactNode; /** Slot for rendering the main content */ children?: React.ReactNode; /** Actions slot, usually used for Buttons and Links, automatically adds a gap between the actions */ actionsSlot?: React.ReactNode; /** Color scheme of the alert elements * @default "neutral" */ color?: "neutral" | "critical" | "warning" | "positive" | "primary"; /** Display action to the right of the content */ inline?: boolean; /** Apply negative margin and remove side borders, base unit token number multiplier */ bleed?: G.Responsive; /** Additional classname for the root element */ className?: ClassName; /** Additional attributes for the root element */ attributes?: Attributes<"div">; };