import { Component } from 'react';
import { Context } from 'react';
import { FastOmit } from 'styled-components';
import { FC } from 'react';
import { ForwardRefComponent } from 'framer-motion';
import { HTMLMotionProps } from 'framer-motion';
import { IStyledComponentBase } from 'styled-components/dist/types';
import { PropsWithChildren } from 'react';
import { ReactNode } from 'react';
import { RefAttributes } from 'react';
import { Substitute } from 'styled-components/dist/types';

declare type AddDollarSign<T> = {
    [K in keyof T as `$${string & K}`]: T[K];
};

declare type AddDollarSign_2<T> = {
    [K in keyof T as `$${string & K}`]: T[K];
};

declare type addOutlineProps = {
    isReadOnly?: boolean;
    isDisabledOutline?: boolean;
    isOutlineBoxShadow?: boolean;
};

export declare const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;

export declare const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;

export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePaletteKeys;

export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string;

export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string;

export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string;

export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string;

export declare const DialogContent: IStyledComponentBase<"web", FastOmit<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, never>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;

declare type DialogContentObjectPropsContent<T extends object> = (remove?: () => void, isAnimating?: boolean, propsCustom?: T) => ReactNode;

declare type DialogContentObjectPropsDialog = {
    maxWidth?: string;
    maxHeight?: string;
    padding?: string;
    borderRadius?: string;
    background?: IThemePaletteKeys;
    isRemoveOnOutsideClick?: boolean;
};

export declare type DialogContentProps<T extends object = any> = {
    props?: useDialogProps<T>;
    id?: string;
    index?: number;
    onRemove?: () => void;
};

export declare const DialogContext: Context<DialogContextProps | null>;

export declare type DialogContextItemProps = {
    add: () => void;
    remove: () => void;
    id: string | null;
};

export declare type DialogContextProps<T extends object = any> = {
    add: (dialog: DialogContentProps<T>) => void;
    remove: (id: DialogContentProps<T>['id']) => void;
    update: (dialog: DialogContentProps<T>) => void;
    dialogHistory: DialogContentProps<T>[];
};

export declare type DialogElementProps<T extends object> = DialogContentProps<T>;

export declare const DialogElementWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"dialog">, "ref"> & RefAttributes<HTMLDialogElement>, AddDollarSign_2<addOutlineProps & Pick<useDialogProps<object>, "propsDialog">>>> & string & Omit<ForwardRefComponent<HTMLDialogElement, HTMLMotionProps<"dialog">>, keyof Component<any, {}, any>>;

export declare type DialogElementWrapperProps<T extends object> = AddDollarSign<addOutlineProps & Pick<useDialogProps<T>, 'propsDialog'>>;

export declare const DialogLayout: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<ProviderDialogProps, "zIndex">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;

export declare type DialogLayoutProps = AddDollarSign<Pick<ProviderDialogProps, 'zIndex'>>;

declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';

export declare const ProviderDialog: FC<ProviderDialogProps>;

export declare type ProviderDialogProps = PropsWithChildren & {
    zIndex: number;
};

export declare const useDialog: <T extends object = object>(props?: useDialogProps<T>) => DialogContextItemProps;

export declare type useDialogProps<T extends object = any> = {
    content?: DialogContentObjectPropsContent<T>;
    propsDialog?: DialogContentObjectPropsDialog;
    propsOutline?: addOutlineProps;
    propsCustom?: T;
    onRemove?: () => void;
};

export declare const useDialogs: () => DialogContextProps;

export { }