import type { CardBaseProps } from '@fluentui/react-card';
import type { CardBaseState } from '@fluentui/react-card';
import { CardContextValue as CardContextValue_2 } from '@fluentui/react-card';
import type { CardFooterBaseProps } from '@fluentui/react-card';
import { CardFooterBaseState } from '@fluentui/react-card';
import type { CardFooterSlots as CardFooterSlots_2 } from '@fluentui/react-card';
import type { CardHeaderBaseProps } from '@fluentui/react-card';
import { CardHeaderBaseState } from '@fluentui/react-card';
import type { CardHeaderSlots as CardHeaderSlots_2 } from '@fluentui/react-card';
import type { CardOnSelectionChangeEvent as CardOnSelectionChangeEvent_2 } from '@fluentui/react-card';
import type { CardPreviewBaseProps } from '@fluentui/react-card';
import { CardPreviewBaseState } from '@fluentui/react-card';
import type { CardPreviewSlots as CardPreviewSlots_2 } from '@fluentui/react-card';
import type { CardSlots as CardSlots_2 } from '@fluentui/react-card';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { JSXElement } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderCard_unstable as renderCard } from '@fluentui/react-card';

/**
 * A card provides scaffolding for hosting actions and content for a single topic.
 */
export declare const Card: ForwardRefComponent<CardProps>;

/**
 * Context value provided by Card to its sub-components.
 */
export declare type CardContextValue = CardContextValue_2;

/**
 * Component to render the footer of a Card.
 */
export declare const CardFooter: ForwardRefComponent<CardFooterProps>;

/**
 * CardFooter component props
 */
export declare type CardFooterProps = CardFooterBaseProps;

/**
 * CardFooter component slots
 */
export declare type CardFooterSlots = CardFooterSlots_2;

/**
 * CardFooter component state
 */
export declare type CardFooterState = CardFooterBaseState;

/**
 * Component to render an image, text and an action in a Card component.
 */
export declare const CardHeader: ForwardRefComponent<CardHeaderProps>;

/**
 * CardHeader component props
 */
export declare type CardHeaderProps = CardHeaderBaseProps;

/**
 * CardHeader component slots
 */
export declare type CardHeaderSlots = CardHeaderSlots_2;

/**
 * CardHeader component state
 */
export declare type CardHeaderState = CardHeaderBaseState;

/**
 * Card selected event type.
 */
export declare type CardOnSelectionChangeEvent = CardOnSelectionChangeEvent_2;

/**
 * Component to render a media preview within a Card component.
 */
export declare const CardPreview: ForwardRefComponent<CardPreviewProps>;

/**
 * CardPreview component props
 */
export declare type CardPreviewProps = CardPreviewBaseProps;

/**
 * CardPreview component slots
 */
export declare type CardPreviewSlots = CardPreviewSlots_2;

/**
 * CardPreview component state
 */
export declare type CardPreviewState = CardPreviewBaseState;

/**
 * Card component props
 *
 * Note: `focusMode` is intentionally omitted in the headless package because
 * its tabster groupper-style Tab-trap semantics (limited / limited-trap-focus
 * / unlimited) cannot be expressed with the WICG `focusgroup` polyfill that
 * the headless components rely on. Consumers can implement equivalent
 * behavior themselves on top of the rendered DOM.
 */
export declare type CardProps = Omit<CardBaseProps, 'focusMode'>;

/**
 * Card component slots
 */
export declare type CardSlots = CardSlots_2;

/**
 * Card component state
 */
export declare type CardState = CardBaseState & {
    root: {
        'data-selected'?: string;
        'data-disabled'?: string;
    };
};

export { renderCard }

/**
 * Renders the final JSX of the CardFooter component, given the state.
 */
export declare const renderCardFooter: (state: CardFooterBaseState) => JSXElement;

/**
 * Renders the final JSX of the CardHeader component, given the state.
 */
export declare const renderCardHeader: (state: CardHeaderBaseState) => JSXElement;

/**
 * Renders the final JSX of the CardPreview component, given the state.
 */
export declare const renderCardPreview: (state: CardPreviewBaseState) => JSXElement;

/**
 * Returns the state for a Card component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderCard`.
 */
export declare const useCard: (props: CardProps, ref: React_2.Ref<HTMLDivElement>) => CardState;

/**
 * Returns the context value provided by the nearest Card, enabling child components to
 * read card-level state such as the selectable accessibility properties.
 */
export declare const useCardContext: () => CardContextValue_2;

/**
 * Maps Card state to the context value passed down to child components.
 */
export declare const useCardContextValue: ({ selectableA11yProps }: CardState) => CardContextValue;

/**
 * Returns the state for a CardFooter component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderCardFooter`.
 */
export declare const useCardFooter: (props: CardFooterProps, ref: React_2.Ref<HTMLElement>) => CardFooterState;

/**
 * Returns the state for a CardHeader component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderCardHeader`.
 */
export declare const useCardHeader: (props: CardHeaderProps, ref: React_2.Ref<HTMLElement>) => CardHeaderState;

/**
 * Returns the state for a CardPreview component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderCardPreview`.
 */
export declare const useCardPreview: (props: CardPreviewProps, ref: React_2.Ref<HTMLElement>) => CardPreviewState;

export { }