import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js'; import type { Position, AccordionSize } from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js'; import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js'; import type { Snippet } from 'svelte'; export interface Props { class?: string; style?: string; /** Main title text displayed in the accordion header. */ cardTitle?: string; /** Supporting description text shown under the title (only in large size and if `hasDescription` is true). */ description?: string; /** Optional status label displayed in the header (shown if `hasStatusLabel` is true). */ statusLabel?: string; /** Whether the accordion card is expanded (shows additional content). */ expanded?: boolean; /** Disables the accordion card, preventing user interaction and dimming its appearance. */ disabled?: boolean; /** Shows an alert overlay above the card when true. Configure appearance with `alertFrameType`, `alertFrameThickness`, and `alertFrameStatus`. */ hasAlert?: boolean; /** Enables the description text in the header (only in large size). */ hasDescription?: boolean; /** Enables the status label in the header. */ hasStatusLabel?: boolean; /** Enables the leading icon slot in the header. */ hasLeadingIcon?: boolean; /** Controls border radius/edge styling for stacking multiple accordions. - `regular` (default): Standard border radius. - `top`: Flat bottom edge (for top of a stack). - `bottom`: Flat top edge (for bottom of a stack). - `center`: Flat top and bottom edges (for middle of a stack). */ position?: Position; /** Layout variant of the accordion card. - `single-line` (default): Compact header with only title. - `large`: Header includes a description beneath the title. */ size?: AccordionSize; /** Type of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available types. */ alertFrameType?: ObcAlertFrameType; /** Thickness of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available thickness values. */ alertFrameThickness?: ObcAlertFrameThickness; /** Status of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available statuses. */ alertFrameStatus?: ObcAlertFrameStatus; } export interface Events { onAccordionToggle?: (event: CustomEvent<{ expanded: boolean; cardTitle: string; }>) => void; } export interface Slots { leadingIcon?: Snippet; expandedContent?: Snippet; alertIcon?: Snippet; alertLabel?: Snippet; alertTimer?: Snippet; } type $$ComponentProps = Props & Events & Slots; declare const ObcAccordionCard: import("svelte").Component<$$ComponentProps, { Position: typeof Position; AccordionSize: typeof AccordionSize; ObcAlertFrameType: typeof ObcAlertFrameType; ObcAlertFrameThickness: typeof ObcAlertFrameThickness; ObcAlertFrameStatus: typeof ObcAlertFrameStatus; }, "">; type ObcAccordionCard = ReturnType; export default ObcAccordionCard;