import * as tailwind_variants from 'tailwind-variants';
import * as react from 'react';
import { ReactElement } from 'react';
import * as _heroui_system from '@heroui/system';
import { HTMLHeroUIProps, PropGetter } from '@heroui/system';
import { SnippetVariantProps, SlotsToClasses, SnippetSlots } from '@heroui/theme';
import { ReactRef } from '@heroui/react-utils';
import { TooltipProps } from '@heroui/tooltip';
import { ButtonProps } from '@heroui/button';

interface UseSnippetProps extends Omit<HTMLHeroUIProps, "onCopy">, SnippetVariantProps {
    /**
     * Ref to the DOM node.
     */
    ref?: ReactRef<HTMLDivElement | null>;
    /**
     * The content of the snippet.
     * if `string[]` is passed, it will be rendered as a multi-line snippet.
     */
    children?: React.ReactNode | string[];
    /**
     * The symbol to show before the snippet.
     * @default "$"
     */
    symbol?: string | React.ReactNode;
    /**
     * The time in milliseconds to wait before resetting the clipboard.
     * @default 2000
     */
    timeout?: number;
    copyIcon?: ReactElement;
    checkIcon?: ReactElement;
    /**
     * Classname or List of classes to change the classNames of the element.
     * if `className` is passed, it will be added to the base slot.
     *
     * @example
     * ```ts
     * <Snippet classNames={{
     *    base:"base-classes",
     *    pre: "pre-classes",
     *    copyButton: "copy-classes", // copy button classes
     *    copyIcon: "copy-classes", // copy icon classes
     *    checkIcon: "check-classes", // check icon classes
     *    content: "content-classes", // content when is multiline
     *    symbol: "symbol-classes", // symbol classes
     * }} />
     * ```
     */
    classNames?: SlotsToClasses<SnippetSlots>;
    /**
     * Whether the copy button should receive focus on render.
     * @default false
     */
    autoFocus?: boolean;
    /**
     * The code string to copy. if `codeString` is passed, it will be copied instead of the children.
     */
    codeString?: string;
    /**
     * Whether to hide the tooltip.
     * @default false
     */
    disableTooltip?: boolean;
    /**
     * Whether to disable the copy functionality.
     * @default false
     */
    disableCopy?: boolean;
    /**
     * Whether to hide the copy button.
     * @default false
     */
    hideCopyButton?: boolean;
    /**
     * Whether to hide the symbol.
     * @default false
     */
    hideSymbol?: boolean;
    /**
     * Tooltip props.
     * @see [Tooltip](https://heroui.com/components/tooltip) for more details.
     * @default {
     *  offset: 15,
     *  delay: 1000,
     *  content: "Copy to clipboard",
     *  color: snippetProps?.color, // same as the snippet color
     *  isDisabled: disableCopy,
     * }
     */
    tooltipProps?: Partial<TooltipProps>;
    /**
     * Copy button props.
     * @see [Button](https://heroui.com/components/button) for more details.
     * @default {
     *   isDisabled: disableCopy,
     *   onPress: onCopy
     *   size:"sm",
     *   variant:"light",
     *   isIconOnly: true,
     * }
     */
    copyButtonProps?: Partial<ButtonProps>;
    /**
     * Callback when the text is copied.
     */
    onCopy?: (value: string | string[]) => void;
}
declare function useSnippet(originalProps: UseSnippetProps): {
    Component: _heroui_system.As<any>;
    as: _heroui_system.As<any> | undefined;
    domRef: react.RefObject<HTMLDivElement>;
    preRef: react.RefObject<HTMLPreElement>;
    children: string[] | react.ReactNode;
    slots: {
        base: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        pre: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        content: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        symbol: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        copyButton: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        copyIcon: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        checkIcon: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
    } & {
        base: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        pre: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        content: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        symbol: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        copyButton: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        copyIcon: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
        checkIcon: (slotProps?: ({
            size?: "md" | "sm" | "lg" | undefined;
            color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
            radius?: "none" | "md" | "sm" | "lg" | undefined;
            disableAnimation?: boolean | undefined;
            fullWidth?: boolean | undefined;
            variant?: "flat" | "shadow" | "solid" | "bordered" | undefined;
        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
    } & {};
    classNames: SlotsToClasses<"symbol" | "base" | "content" | "pre" | "copyButton" | "copyIcon" | "checkIcon"> | undefined;
    copied: boolean;
    onCopy: () => void;
    copyIcon: ReactElement<any, string | react.JSXElementConstructor<any>> | undefined;
    checkIcon: ReactElement<any, string | react.JSXElementConstructor<any>> | undefined;
    symbolBefore: string | number | boolean | ReactElement<any, string | react.JSXElementConstructor<any>> | react.ReactFragment | null;
    isMultiLine: boolean | "" | 0 | null | undefined;
    isFocusVisible: boolean;
    hideCopyButton: boolean;
    disableCopy: boolean;
    disableTooltip: boolean;
    hideSymbol: boolean;
    tooltipProps: Partial<TooltipProps>;
    getSnippetProps: PropGetter;
    getCopyButtonProps: () => ButtonProps;
};
type UseSnippetReturn = ReturnType<typeof useSnippet>;

export { type UseSnippetProps, type UseSnippetReturn, useSnippet };