@primer/react-brand/lib/river/RiverAccordion/RiverAccordion.d.ts

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import React from 'react';
import { type HeadingProps } from '../..';
export type RiverAccordionProps = React.PropsWithChildren<{
    align?: 'start' | 'end';
}> & React.HTMLAttributes<HTMLDivElement>;
export type RiverAccordionItemProps = React.HTMLAttributes<HTMLDivElement> & {
    children: React.ReactElement<RiverAccordionHeadingProps | RiverAccordionContentProps>[];
    index?: number;
};
export type RiverAccordionHeadingProps = HeadingProps;
export type RiverAccordionContentProps = React.HTMLAttributes<HTMLDivElement>;
export type RiverAccordionVisualProps = React.HTMLAttributes<HTMLDivElement>;
/**
 * Use the RiverAccordion to create collapsible content panels with associated visuals.
 * @see https://primer.style/brand/components/RiverAccordion
 */
export declare const RiverAccordion: React.ForwardRefExoticComponent<{
    align?: "start" | "end";
} & {
    children?: React.ReactNode | undefined;
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
    Content: ({ className, children, ...props }: RiverAccordionContentProps) => import("react/jsx-runtime").JSX.Element;
    Heading: ({ as, children, className, size, ...props }: RiverAccordionHeadingProps) => import("react/jsx-runtime").JSX.Element;
    Item: ({ className, index, children, ...props }: RiverAccordionItemProps) => import("react/jsx-runtime").JSX.Element | null;
    Visual: ({ className, ...props }: RiverAccordionVisualProps) => import("react/jsx-runtime").JSX.Element;
};