import { Component } from 'react';
import { CSSObject } from 'styled-components';
import { DefaultTheme } from 'styled-components';
import { DragEvent as DragEvent_2 } from 'react';
import { DragEventHandler } 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 { Ref } from 'react';
import { RefAttributes } from 'react';

declare interface addSXProps {
    sx?: SXProps;
}

export declare const IMAGES: ImageSliderProps['images'];

export declare const ImageSlider: FC<ImageSliderProps>;

export declare type ImageSliderProps = {
    genre: TImageSelectGenre;
    size: IThemeSize;
    imageSettings: {
        aspect: number;
    };
    images: {
        id: number;
        imageSrc: string;
        children?: ReactNode;
    }[];
    children?: (props: {
        isDialog: boolean;
    }) => ReactNode | ReactNode;
    onIndexChange?: (index: number) => void;
    propsStack?: StackProps;
    isLoading?: boolean;
    locales: {
        noImagesAvailable: string;
    } & useImageSliderProps['locales'];
};

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

declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;

declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';

declare interface IThemeGenreTypeImageSelect {
    background: {
        rest: string;
        hover: string;
    };
    border: {
        rest: string;
        hover: string;
    };
    color: {
        rest: string;
        hover: string;
        placeholder: string;
    };
}

declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';

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

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

export declare type SliderImageProps = {
    id: number;
    imageSrc: string;
    children?: ReactNode;
};

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>;
}

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

declare type TImageSelectGenre = keyof IThemeGenreImageSelect;

declare type useImageSliderProps = Pick<ImageSliderProps, 'genre' | 'size'> & Pick<ImageSliderProps, 'images' | 'imageSettings' | 'onIndexChange' | 'children'> & {
    locales: {
        failedToLoad: string;
    };
};

export { }