import { ClassProp } from 'class-variance-authority/types';
import { default as default_2 } from 'react';
import { Separator as Separator_2 } from 'radix-ui';
import { VariantProps } from 'class-variance-authority';

export declare const Separator: default_2.ForwardRefExoticComponent<Omit<Separator_2.SeparatorProps & default_2.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
    thickness?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
    color?: "primary" | "secondary" | "tertiary" | "quaternary" | "surface" | "background" | "background-soft" | "foreground" | "foreground-soft" | "surface-2xs" | "surface-xs" | "surface-sm" | "surface-md" | "surface-lg" | "surface-xl" | "surface-2xl" | "surface-3xl" | "surface-4xl" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLDivElement>>;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}
