import type { VNode } from 'vue'; import type { AppConfig } from '@nuxt/schema'; import theme from '#build/b24ui/alert'; import type { AvatarProps, ButtonProps, IconComponent, LinkPropsKeys } from '../types'; import type { ComponentConfig } from '../types/tv'; type Alert = ComponentConfig; export interface AlertProps { /** * The element or component this component should render as. * @defaultValue 'div' */ as?: any; title?: string; description?: string; /** * Display an icon on the left side. * @IconComponent */ icon?: IconComponent; avatar?: AvatarProps; /** * @defaultValue 'air-secondary-accent' */ color?: Alert['variants']['color']; /** * If set to `true` the color is inverted. * Used for 'air-primary', 'air-primary-success', 'air-primary-alert', 'air-primary-copilot' and 'air-primary-warning' colors. * @defaultValue false */ inverted?: boolean; /** * The orientation between the content and the actions. * @defaultValue 'vertical' */ orientation?: Alert['variants']['orientation']; /** * @defaultValue 'md' */ size?: Alert['variants']['size']; /** * Display a list of actions: * - under the title and description when orientation is `vertical` * - next to the close button when orientation is `horizontal` * `{ size: 'sm' }`{lang="ts"} */ actions?: ButtonProps[]; /** * Display a close button to dismiss the alert. * `{ size: 'md', color: 'air-tertiary-no-accent' }`{lang="ts"} * @emits 'update:open' * @defaultValue false */ close?: boolean | Omit; /** * The icon displayed in the close button. * @defaultValue icons.close * @IconComponent */ closeIcon?: IconComponent; class?: any; b24ui?: Alert['slots']; } export interface AlertEmits { 'update:open': [value: boolean]; } export interface AlertSlots { leading?(props: { b24ui: Alert['b24ui']; }): VNode[]; title?(props?: {}): VNode[]; description?(props?: {}): VNode[]; actions?(props?: {}): VNode[]; close?(props: { b24ui: Alert['b24ui']; }): VNode[]; } declare const _default: typeof __VLS_export; export default _default; declare const __VLS_export: __VLS_WithSlots any; }, string, import("vue").PublicProps, Readonly & Readonly<{ "onUpdate:open"?: ((value: boolean) => any) | undefined; }>, { inverted: boolean; orientation: Alert["variants"]["orientation"]; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>; type __VLS_WithSlots = T & { new (): { $slots: S; }; };