import React from 'react';
import type { IconName } from '../../tokens/icons';
export type FeatureItem = string | {
    icon?: IconName;
    label: string;
};
export interface FeaturesProps {
    /**
     * Array of feature items
     * Can be strings or objects with optional icon and label
     * @example
     * ["Feature1", "Feature2"]
     * [{ icon: "star-filled", label: "4.8" }, "Feature2"]
     */
    items: FeatureItem[];
    /**
     * Separator between items (default: "•")
     * @default "•"
     */
    separator?: string;
    /**
     * Icon size (default: 14)
     * @default 14
     */
    iconSize?: number;
    /**
     * Additional className
     */
    className?: string;
    /**
     * Inline styles
     */
    style?: React.CSSProperties;
}
/**
 * Features component - Displays a list of features separated by dots
 *
 * Flexible component that can show simple text items or icon-label pairs
 * Perfect for displaying tags, features, attributes across the design system
 *
 * @example
 * ```tsx
 * // Simple strings
 * <Features items={["Neapolitan", "Wood-fired"]} />
 *
 * // With icons
 * <Features items={[
 *   { icon: "star-filled", label: "4.8" },
 *   "Wood-fired"
 * ]} />
 * ```
 */
export declare const Features: React.ForwardRefExoticComponent<FeaturesProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=Features.d.ts.map