import type { CardBaseProps } from '@fluentui/react-card';
import type { CardBaseState } from '@fluentui/react-card';
import { CardContextValue } from '@fluentui/react-card';
import { CardFooterBaseProps as CardFooterProps } from '@fluentui/react-card';
import { CardFooterSlots } from '@fluentui/react-card';
import { CardFooterBaseState as CardFooterState } from '@fluentui/react-card';
import { CardHeaderBaseProps as CardHeaderProps } from '@fluentui/react-card';
import { CardHeaderSlots } from '@fluentui/react-card';
import { CardHeaderBaseState as CardHeaderState } from '@fluentui/react-card';
import { CardOnSelectionChangeEvent } from '@fluentui/react-card';
import { CardPreviewBaseProps as CardPreviewProps } from '@fluentui/react-card';
import { CardPreviewSlots } from '@fluentui/react-card';
import { CardPreviewBaseState as CardPreviewState } from '@fluentui/react-card';
import { CardSlots } from '@fluentui/react-card';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderCard_unstable as renderCard } from '@fluentui/react-card';
import { renderCardFooter_unstable as renderCardFooter } from '@fluentui/react-card';
import { renderCardHeader_unstable as renderCardHeader } from '@fluentui/react-card';
import { renderCardPreview_unstable as renderCardPreview } from '@fluentui/react-card';
import { useCardContext_unstable as useCardContext } from '@fluentui/react-card';
import { useCardFooterBase_unstable as useCardFooter } from '@fluentui/react-card';
import { useCardHeaderBase_unstable as useCardHeader } from '@fluentui/react-card';
import { useCardPreviewBase_unstable as useCardPreview } from '@fluentui/react-card';

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

export { CardContextValue }

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

export { CardFooterProps }

export { CardFooterSlots }

export { CardFooterState }

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

export { CardHeaderProps }

export { CardHeaderSlots }

export { CardHeaderState }

export { CardOnSelectionChangeEvent }

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

export { CardPreviewProps }

export { CardPreviewSlots }

export { CardPreviewState }

/**
 * 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'>;

export { CardSlots }

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

export { renderCard }

export { renderCardFooter }

export { renderCardHeader }

export { renderCardPreview }

/**
 * 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;

export { useCardContext }

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

export { useCardFooter }

export { useCardHeader }

export { useCardPreview }

export { }