import type { HTMLButtonAttributes } from "svelte/elements";
import { type VariantProps } from "tailwind-variants";
import type { WithElementRef } from "../../../lib/utils.js";
export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
variant: {
default: string;
destructive: string;
outline: string;
secondary: string;
ghost: string;
link: string;
};
size: {
default: string;
sm: string;
lg: string;
icon: string;
};
}, undefined, "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
variant: {
default: string;
destructive: string;
outline: string;
secondary: string;
ghost: string;
link: string;
};
size: {
default: string;
sm: string;
lg: string;
icon: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
variant: {
default: string;
destructive: string;
outline: string;
secondary: string;
ghost: string;
link: string;
};
size: {
default: string;
sm: string;
lg: string;
icon: string;
};
}, undefined, "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", unknown, unknown, undefined>>;
export type ButtonVariant = VariantProps["variant"];
export type ButtonSize = VariantProps["size"];
export type ButtonProps = WithElementRef & {
variant?: ButtonVariant;
size?: ButtonSize;
href?: string;
};
export { default as Button } from "./button.svelte";