import * as react_jsx_runtime from 'react/jsx-runtime';

interface FeatureThreeColumnValuesItem {
    /**
     * Icon name in format: prefix/name (e.g., "lucide/timer")
     */
    icon: string;
    /**
     * Feature title
     */
    title: string;
    /**
     * Feature description
     */
    description: string;
}
interface FeatureThreeColumnValuesProps {
    /**
     * Section label text
     */
    label?: string;
    /**
     * Main heading text
     */
    title?: string;
    /**
     * Array of value items
     */
    values?: FeatureThreeColumnValuesItem[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
}
/**
 * Feature Three Column Values - Three-column grid of value cards with icons
 * and accent backgrounds.
 *
 * Layout: Header with three-column grid of accent-colored value cards.
 * Key features: Accent background cards, circular icon badges, consistent heights.
 * Best for: Company values, core principles, service pillars.
 *
 * @example
 * ```tsx
 * <FeatureThreeColumnValues
 *   label="OUR VALUES"
 *   title="Why Choose Us?"
 *   values={[
 *     { icon: "lucide/timer", title: "Performance", description: "Fast and optimized" },
 *     { icon: "lucide/zoom-in", title: "Quality", description: "Built with care" },
 *     { icon: "lucide/zap", title: "Innovation", description: "Cutting-edge tech" },
 *   ]}
 * />
 * ```
 */
declare function FeatureThreeColumnValues({ label, title, values, className, }: FeatureThreeColumnValuesProps): react_jsx_runtime.JSX.Element;

export { FeatureThreeColumnValues, type FeatureThreeColumnValuesProps };
