import * as React$1 from 'react';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';

type Steps = 1 | 2 | 3 | 4 | 5 | 6 | 7;
type StepperProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof stepperStyles> & {
    /**
     * Representa o progresso dos Steps
     */
    steps: Steps;
    /**
     * Representa o passo atual
     */
    completed?: number;
    /**
     * Texto que será exibido acima do Stepper
     */
    label?: boolean;
};
declare const stepperStyles: tailwind_variants.TVReturnType<{
    size: {
        nano: string;
        pico: string;
    };
}, undefined, "\n    flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none\n    font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]\n    py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder\n    text-threepulse leading-[150%] tracking-none\n  ", {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config_js.TWMConfig & {
    twMergeConfig: {
        extend: {
            classGroups: {
                'font-size': {
                    text: string[];
                }[];
                'border-width': {
                    border: string[];
                }[];
                '--tw-ring-inset': {
                    ring: string[];
                }[];
            };
        };
    };
}, {
    size: {
        nano: string;
        pico: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    size: {
        nano: string;
        pico: string;
    };
}, undefined, "\n    flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none\n    font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]\n    py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder\n    text-threepulse leading-[150%] tracking-none\n  ", tailwind_variants_dist_config_js.TVConfig<{
    size: {
        nano: string;
        pico: string;
    };
}, {
    size: {
        nano: string;
        pico: string;
    };
}>, unknown, unknown, undefined>>;
declare const Stepper: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
    size: {
        nano: string;
        pico: string;
    };
}, undefined, "\n    flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none\n    font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]\n    py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder\n    text-threepulse leading-[150%] tracking-none\n  ", {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config_js.TWMConfig & {
    twMergeConfig: {
        extend: {
            classGroups: {
                'font-size': {
                    text: string[];
                }[];
                'border-width': {
                    border: string[];
                }[];
                '--tw-ring-inset': {
                    ring: string[];
                }[];
            };
        };
    };
}, {
    size: {
        nano: string;
        pico: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    size: {
        nano: string;
        pico: string;
    };
}, undefined, "\n    flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none\n    font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]\n    py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder\n    text-threepulse leading-[150%] tracking-none\n  ", tailwind_variants_dist_config_js.TVConfig<{
    size: {
        nano: string;
        pico: string;
    };
}, {
    size: {
        nano: string;
        pico: string;
    };
}>, unknown, unknown, undefined>>> & {
    /**
     * Representa o progresso dos Steps
     */
    steps: Steps;
    /**
     * Representa o passo atual
     */
    completed?: number;
    /**
     * Texto que será exibido acima do Stepper
     */
    label?: boolean;
} & React$1.RefAttributes<HTMLDivElement>>;

export { Stepper, type StepperProps };