import { default as React } from 'react';
/**
 * Props for the Diamond component
 */
export interface DiamondProps {
    /** Unique identifier matching a question in the Provider (required) */
    id: string | number;
    /** Color when no vote is cast @default '#A9A9A9' */
    neutralColor?: string;
    /** Color for positive votes @default '#00FF00' */
    positiveColor?: string;
    /** Color for negative votes @default '#FF0000' */
    negativeColor?: string;
    /** Radius of diamond circles in pixels @default 4 */
    circleRadius?: number;
}
/**
 * Diamond component displays a diamond-shaped vote indicator for a question.
 *
 * The diamond grows as more votes are allocated, with circles filling in levels.
 * Supports both positive and negative voting with different colors.
 * Animates smoothly as credits are allocated/deallocated.
 *
 * @example
 * ```tsx
 * <QuadraticVote.Diamond
 *   id={0}
 *   neutralColor='#9CA3AF'
 *   positiveColor='#22C55E'
 *   negativeColor='#EF4444'
 * />
 * ```
 */
declare const Diamond: React.FC<DiamondProps>;
export default Diamond;
//# sourceMappingURL=Diamond.d.ts.map