import type React from 'react';
import type { CollapsibleDetail } from './types.js';
export interface ActivityGroupRef extends HTMLElement {
    /** Expands the activity group panel. */
    open(): void;
    /** Collapses the activity group panel. */
    close(): void;
    /** Toggles the activity group expanded state. */
    toggle(): void;
}
/**
 * In React, reach the imperative methods through a ref:
 * `const api = useRef<ActivityGroupRef>(null)`, pass `ref={api}`, then `api.current?.open()`.
 * Available: open(), close(), toggle().
 *
 * @csspart base, parts, status, summary
 */
export interface ActivityGroupOwnProps {
    /**
     * Unique identifier for the element.
     * @example 'example-id'
     */
    id?: string;
    /**
     * Current activity status indicator. Allowed values: `pending`, `done`, `error`.
     * @example 'pending'
     */
    status?: 'pending' | 'done' | 'error';
    /**
     * Component size. Allowed values: `xs`, `sm`, `md`, `lg`, `xl`.
     * @example 'xs'
     */
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Border treatment for the group. Allowed values: `auto`, `none`.
     * @example 'auto'
     */
    border?: 'auto' | 'none';
    /**
     * Short summary text displayed in the collapsed state.
     * @example 'example'
     */
    summary?: string;
    /**
     * Which action this group represents — selects the leading icon. Allowed values: `generic`, `read`, `write`, `edit`, `delete`, `search`.
     * @example 'generic'
     */
    action?: 'generic' | 'read' | 'write' | 'edit' | 'delete' | 'search';
    /**
     * Whether the activity group is expanded to show all parts.
     * @defaultValue false
     * @example true
     */
    expanded?: boolean;
    /**
     * Array of activity parts. Each has type, content, and optional metadata.
     * @example ['item-1']
     */
    parts?: string[];
    /**
     * Fires when the committed component value or state changes. Detail: `CollapsibleDetail`.
     * @example (event) => console.log(event.detail.open)
     */
    onChange?: (event: CustomEvent<CollapsibleDetail>) => void;
    /** CSS class applied to the Custom Element host.
     * @example 'my-component'
     */
    className?: string;
    /** Inline styles applied to the Custom Element host.
     * @example { marginTop: 8 }
     */
    style?: React.CSSProperties;
}
/**
 * Props for `<ActivityGroup>`: the component's own API plus every standard DOM
 * attribute and native React event handler, forwarded verbatim to the
 * `<cx-activity-group>` host — `id`, `data-*`, `aria-*`, `title`, `tabIndex`,
 * `slot`, `onMouseEnter`, and the rest. Own props always win over a
 * same-named DOM attribute.
 */
export type ActivityGroupProps = ActivityGroupOwnProps & Omit<React.HTMLAttributes<HTMLElement>, keyof ActivityGroupOwnProps | 'children' | 'dangerouslySetInnerHTML'>;
export declare const ActivityGroup: React.ForwardRefExoticComponent<ActivityGroupOwnProps & Omit<React.HTMLAttributes<HTMLElement>, "children" | "dangerouslySetInnerHTML" | keyof ActivityGroupOwnProps> & React.RefAttributes<ActivityGroupRef>>;