import * as React from 'react';
import type { ContentProps } from './card_content';
import type { CardThumbnailProps } from './card_thumbnail';
export type CardSelectableMode = 'primary' | 'secondary' | 'none';
export type CardHoverEffect = 'none' | 'scaleThumbnail' | 'bgColorTransition';
type ButtonProps = {
    onClick?: React.MouseEventHandler<any>
    href?: string
    target?: string
    ariaControls?: string
    ariaHasPopup?: 'menu'
    ariaExpanded?: boolean
    ariaPressed?: boolean
    buttonAriaLabel?: string
    buttonAriaLabelledBy?: string
    draggable?: boolean
    onDragStart?: React.DragEventHandler
    onDragEnd?: React.DragEventHandler
    onContextMenu?: (e: React.MouseEvent<any>) => void
    buttonId?: string
    buttonRef?: React.Ref<HTMLElement>
    tabIndex?: -1
    onPointerDown?: React.PointerEventHandler<HTMLAnchorElement | HTMLDivElement>
    onPointerUp?: React.PointerEventHandler<HTMLAnchorElement | HTMLDivElement>
    onPointerEnter?: React.PointerEventHandler<HTMLAnchorElement | HTMLDivElement>
    onPointerLeave?: React.PointerEventHandler<HTMLAnchorElement | HTMLDivElement>
    onPointerMove?: React.PointerEventHandler<HTMLAnchorElement | HTMLDivElement>
    onPointerCancel?: React.PointerEventHandler<HTMLAnchorElement | HTMLDivElement>
};
type ConfigurationProps = {
    layout?: 'horizontal' | 'vertical'
    disabled?: boolean
    hoverEffect?: CardHoverEffect
    hoverBoundary?: 'card' | 'thumbnail'
    selectableMode?: CardSelectableMode
    selected?: boolean
    selectableBoundary?: 'card' | 'thumbnail'
    border?: 'none' | 'low'
    borderRadius?: 'none' | 'elementSmall' | 'element' | 'elementRelaxed' | 'elementSoftest'
};
export type CardProps = ButtonProps & ConfigurationProps & ContentProps & {
    thumbnail?: React.ReactNode
    padding?: '0' | '1u' | '2u'
    background?: 'none' | 'neutralLow'
    bleedX?: boolean
    decorators?: React.ReactNode
    decoratorsInset?: '0.5u' | '1u'
    decoratorsBoundary?: 'card' | 'thumbnail'
    ariaLabelledBy?: string
    ariaLabel?: string
    stretchThumbnail?: boolean
};
export declare const Card: React.ComponentType<CardProps>;
type WithCardStateProps = {
    children: (state: {
        isHovered?: boolean;
        isFocused?: boolean;
        isMouseDown?: boolean;
    }) => React.ReactElement
};
export declare const WithCardState: React.ComponentType<WithCardStateProps>;
type SelectableWrapperProps = {
    children: React.ReactNode
    boundary: CardProps['selectableBoundary']
    borderRadius?: CardProps['borderRadius'] | CardThumbnailProps['borderRadius']
    className?: string
};
export declare const SelectableWrapper: React.ComponentType<SelectableWrapperProps>;
export {};