import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
import React__default, { ReactNode } from 'react';
import { ElementProps } from '../../types/index.js';

declare const breadcrumbItemVariant: tailwind_variants.TVReturnType<{
    variant: {
        text: string;
        'btn-gray': string;
        'btn-brand': string;
    };
    disabled: {
        true: string;
        false: string;
    };
    iconOnly: {
        true: string;
        false: string;
    };
}, undefined, "flex h-full items-center rounded-sm px-2 py-1 text-sm font-medium transition-colors", tailwind_variants_dist_config.TVConfig<{
    variant: {
        text: string;
        'btn-gray': string;
        'btn-brand': string;
    };
    disabled: {
        true: string;
        false: string;
    };
    iconOnly: {
        true: string;
        false: string;
    };
}, {
    variant: {
        text: string;
        'btn-gray': string;
        'btn-brand': string;
    };
    disabled: {
        true: string;
        false: string;
    };
    iconOnly: {
        true: string;
        false: string;
    };
}>, {
    variant: {
        text: string;
        'btn-gray': string;
        'btn-brand': string;
    };
    disabled: {
        true: string;
        false: string;
    };
    iconOnly: {
        true: string;
        false: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    variant: {
        text: string;
        'btn-gray': string;
        'btn-brand': string;
    };
    disabled: {
        true: string;
        false: string;
    };
    iconOnly: {
        true: string;
        false: string;
    };
}, undefined, "flex h-full items-center rounded-sm px-2 py-1 text-sm font-medium transition-colors", tailwind_variants_dist_config.TVConfig<{
    variant: {
        text: string;
        'btn-gray': string;
        'btn-brand': string;
    };
    disabled: {
        true: string;
        false: string;
    };
    iconOnly: {
        true: string;
        false: string;
    };
}, {
    variant: {
        text: string;
        'btn-gray': string;
        'btn-brand': string;
    };
    disabled: {
        true: string;
        false: string;
    };
    iconOnly: {
        true: string;
        false: string;
    };
}>, unknown, unknown, undefined>>;
interface BreadcrumbItemProps extends ElementProps<'li'>, VariantProps<typeof breadcrumbItemVariant> {
    separator?: ReactNode;
    active?: boolean;
    isLast?: boolean;
    hideSeparator?: boolean;
    asChild?: boolean;
}
declare const BreadcrumbItem: React__default.ForwardRefExoticComponent<BreadcrumbItemProps & React__default.RefAttributes<HTMLLIElement>>;
interface BreadcrumbsProps extends ElementProps<'ol'> {
    separator?: ReactNode;
    withLine?: boolean;
}
declare const Breadcrumbs: React__default.ForwardRefExoticComponent<BreadcrumbsProps & React__default.RefAttributes<HTMLOListElement>>;

export { BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps };