import React, { HTMLAttributes } from 'react';
import { CommonProps } from '@contentful/f36-core';

type UsageCardProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
    children?: React.ReactNode;
    header?: React.ReactNode;
    description?: React.ReactNode;
    /**
     * The type of the card.
     * @default 'usage'
     */
    variant?: 'usage' | 'info';
};
declare const UsageCard$1: React.ForwardRefExoticComponent<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
    children?: React.ReactNode;
    header?: React.ReactNode;
    description?: React.ReactNode;
    /**
     * The type of the card.
     * @default 'usage'
     */
    variant?: "usage" | "info";
} & React.RefAttributes<HTMLDivElement>>;

declare const UsageCardHeader: React.ForwardRefExoticComponent<{
    children?: React.ReactNode;
    title?: string;
    tooltip?: string | React.ReactElement;
} & CommonProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

declare const UsageCardDescription: React.ForwardRefExoticComponent<{
    children: React.ReactNode;
} & CommonProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

type CompoundUsageCard = typeof UsageCard$1 & {
    Header: typeof UsageCardHeader;
    Description: typeof UsageCardDescription;
};
declare const UsageCard: CompoundUsageCard;

export { UsageCard, type UsageCardProps };