import { AnimationProps } from 'framer-motion';
import { Component } from 'react';
import { CSSObject } from 'styled-components';
import { CSSProperties } from 'react';
import { DefaultTheme } from 'styled-components';
import { DetailedHTMLProps } from 'react';
import { DragEvent as DragEvent_2 } from 'react';
import { DragEventHandler } from 'react';
import { DraggableProps } from 'framer-motion';
import { FC } from 'react';
import { FocusHandlers } from 'framer-motion';
import { ForwardRefComponent } from 'framer-motion';
import { HoverHandlers } from 'framer-motion';
import { HTMLAttributes } from 'react';
import { HTMLMotionProps } from 'framer-motion';
import { IStyledComponentBase } from 'styled-components/dist/types';
import { LayoutProps } from 'framer-motion';
import { PropsWithChildren } from 'react';
import { Ref } from 'react';
import { RefAttributes } from 'react';
import { Substitute } from 'styled-components/dist/types';
import { TapHandlers } from 'framer-motion';

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 interface addSXProps {
    sx?: SXProps;
}

declare type IThemeDevice = 'default' | 'tablet' | 'mobile';

export declare const Stack: FC<StackProps>;

export declare const StackMotion: FC<StackMotionProps>;

export declare type StackMotionProps = StackProps & LayoutProps & AnimationProps & HoverHandlers & TapHandlers & FocusHandlers & DraggableProps & {
    style?: CSSProperties;
};

export declare interface StackProps extends addSXProps, PropsWithChildren {
    className?: string;
    isHover?: boolean;
    isRipple?: boolean;
    onClick?: () => void;
    onDragOver?: DragEventHandler<HTMLDivElement>;
    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
    ref?: Ref<HTMLDivElement | null>;
}

export declare const StyledStack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<StackProps>>> & string;

export declare const StyledStackMotion: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<StackProps>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;

export declare type StyledStackProps = AddDollarSign_2<StackProps>;

declare type SXProps = ({
    default: CSSObject;
} & {
    [K in IThemeDevice]?: CSSObject;
}) | ((theme: DefaultTheme) => {
    default: CSSObject;
} & {
    [K in IThemeDevice]?: CSSObject;
});

export { }