import { MetadataDetailsProps } from './MetadataDetails.types';
/**
 * MetadataDetails displays a labeled data field in various formats.
 *
 * Supports four display types:
 * - Normal: Standard label-value pair
 * - Bold: Label with emphasized (semi-bold) value
 * - Chip: Compact chip-style display with background
 * - Custom: Label with custom component as value
 *
 * Layout options:
 * - inline: Label on the left, value on the right (default)
 * - stacked: Label above, value below
 *
 * Font sizes can be customized using theme-aligned variants:
 * - labelFontSize: Controls the label text size
 * - valueFontSize: Controls the value text size
 *
 * @example
 * // Normal usage
 * <MetadataDetails name="Name" value="John Doe" />
 *
 * @example
 * // Stacked layout with custom font sizes
 * <MetadataDetails
 *   name="Status"
 *   value="Active"
 *   layout="stacked"
 *   valueFontSize="xs"
 * />
 *
 * @example
 * // Bold type
 * <MetadataDetails name="Title" value="Project Manager" type="Bold" />
 *
 * @example
 * // Chip type (always stacked internally)
 * <MetadataDetails name="Status" value="Active" type="Chip" />
 *
 * @example
 * // Custom component
 * <MetadataDetails
 *   name="Link"
 *   type="Custom"
 *   component={<a href="#">View Details</a>}
 * />
 */
export declare const MetadataDetails: import('react').ForwardRefExoticComponent<MetadataDetailsProps & import('react').RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=MetadataDetails.d.ts.map