@furystack/shades-common-components/esm/components/accordion/accordion.d.ts

Common UI components for FuryStack Shades

/**
 * Props for the Accordion container component.
 */
export type AccordionProps = {
    /** Visual variant of the accordion container */
    variant?: 'outlined' | 'elevation';
    /**
     * Section name for spatial navigation scoping.
     * Sets `data-nav-section` on the accordion so that SpatialNavigationService
     * constrains arrow-key navigation within the accordion group.
     * Auto-generated per instance when not provided.
     */
    navSection?: string;
};
/**
 * A container component that groups AccordionItem children with consistent styling.
 *
 * Provides a bordered or elevated surface with rounded corners. Use it to wrap
 * multiple AccordionItem components into a visually cohesive group.
 *
 * @example
 * ```tsx
 * <Accordion>
 *   <AccordionItem title="Section 1">Content 1</AccordionItem>
 *   <AccordionItem title="Section 2">Content 2</AccordionItem>
 * </Accordion>
 * ```
 */
export declare const Accordion: (props: AccordionProps & Omit<Partial<HTMLElement>, "style"> & {
    style?: Partial<CSSStyleDeclaration>;
} & {
    ref?: import("@furystack/shades").RefObject<Element>;
}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
//# sourceMappingURL=accordion.d.ts.map