import { Context } from 'react';
import { FC } from 'react';
import { PropsWithChildren } from 'react';

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

declare type IThemeScreen = Record<IThemeDevice, {
    width: number;
}>;

export declare const ProviderScreenWidth: FC<ProviderScreenWidthProps>;

export declare type ProviderScreenWidthProps = PropsWithChildren;

export declare type Screens = keyof IThemeScreen;

export declare const ScreenWidthContext: Context<ScreenWidthContextProps | null>;

export declare interface ScreenWidthContextProps {
    screenWidth: Screens;
    screens: {
        value: Screens;
        isScreen: boolean;
    }[];
    screenActual: Screens;
}

export declare type ScreenWidthProps<T> = {
    [K in IThemeDevice]?: T;
};

export declare const useScreenWidth: () => ScreenWidthContextProps;

export { }