import type { TransformDefinitions } from "../../elements/transform/type";
import { Color, CommonDisplayableConfig, ImageSrc } from "../../types";
import { LogicAction } from "../../game";
import { FlexibleTuple, SelectElementFromEach } from "../../../../util/data";
import { Chained, Proxied } from "../../action/chain";
import { Displayable } from "../../elements/displayable/displayable";
import { EventfulDisplayable } from "../../../player/elements/displayable/type";
import { ImageTransition } from "../../elements/transition/transitions/image/imageTransition";
import { Layer } from "../../elements/layer";
export type TagDefinition<T extends TagGroupDefinition | null> = T extends TagGroupDefinition ? TagDefinitionObject<T> : never;
export type TagDefinitionObject<T extends TagGroupDefinition> = {
    groups: T;
    defaults: SelectElementFromEach<T>;
    resolve: TagSrcResolver<T>;
};
type ImageSrcType<T extends TagGroupDefinition | null = TagGroupDefinition | null> = T extends TagGroupDefinition ? TagDefinition<T> : (Color | ImageSrc);
export interface IImageUserConfig<Tag extends TagGroupDefinition | null = TagGroupDefinition | null> extends CommonDisplayableConfig {
    /**
     * The name of the image, only for debugging purposes
     */
    name: string;
    /**
     * If set to false, the image won't be initialized unless you call `init` method
     * @default true
     */
    autoInit: boolean;
    /**
     * Image Src, see [Image](https://react.narraleaf.com/documentation/core/elements/image) for more information
     */
    src: ImageSrcType<Tag>;
    /**
     * Auto resize image's width to fit the screen
     * @default false
     */
    autoFit: boolean;
    /**
     * layer of the image
     */
    layer?: Layer;
    /**
     * Darkness of the image, between 0 and 1
     * @default 0
     */
    darkness?: number;
}
export type TagGroupDefinition = string[][];
export type TagSrcResolver<T extends TagGroupDefinition> = (...tags: SelectElementFromEach<T>) => string;
export declare class Image<Tags extends TagGroupDefinition | null = TagGroupDefinition | null> extends Displayable<ImageDataRaw, Image, TransformDefinitions.ImageTransformProps> implements EventfulDisplayable {
    /**
     * Construct an image element. The config can describe either static sources or tagged outfits, but not both.
     * @param config - Image metadata such as tags, source, layer, and wearables.
     * @example
     * ```ts
     * const image = new Image({
     *   src: {
     *     groups: [["happy", "sad"], ["top", "coat"]],
     *     defaults: ["happy", "top"],
     *     resolve: (emotion, top) => `https://img/${emotion}_${top}.png`
     *   }
     * });
     * ```
     */
    constructor(config?: Partial<IImageUserConfig<Tags>>);
    /**
     * Set the source of the image
     *
     * - Tag-based image: the src will be resolved from the tags
     * - Static image: the src will be a string or StaticImageData
     * @example
     * ```ts
     * image.char("path/to/image.png", new Dissolve(1000));
     * ```
     * @example
     * ```ts
     * image.char(["happy", "t-shirt", "shorts"], new Dissolve(1000));
     * ```
     * @chainable
     */
    char(src: ImageSrc | Color, transition?: ImageTransition): Proxied<Image, Chained<LogicAction.Actions>>;
    char(tags: SelectElementFromEach<Tags> | FlexibleTuple<SelectElementFromEach<Tags>>, transition?: ImageTransition): Proxied<Image, Chained<LogicAction.Actions>>;
    /**
     * Set the darkness of the image
     * @param darkness - The darkness of the image, between 0 and 1
     * @chainable
     */
    darken(darkness: number, duration?: number, easing?: TransformDefinitions.EasingDefinition): Proxied<Image, Chained<LogicAction.Actions>>;
    /**
     * Add wearable images that move with this image.
     * @param children - A wearable image or an array of wearables.
     * @example
     * ```ts
     * const hat = new Image({ src: "hat.png" });
     * image.addWearable(hat);
     * ```
     */
    addWearable(children: Image | Image[]): this;
    /**
     * Alias of {@link Image.addWearable}.
     * @param children - Wearable image or images
     */
    wear(children: Image | Image[]): this;
    /**
     * Bind this image as a wearable child of another image.
     * @param parent - The parent image that should carry this wearable.
     * @example
     * ```ts
     * childImage.bindWearable(parentImage);
     * ```
     */
    bindWearable(parent: Image): this;
    /**
     * Alias of {@link Image.bindWearable}.
     * @param parent - The parent image
     */
    asWearableOf(parent: Image): this;
    /**
     * Assign a layer to the image, overriding the config.
     * @param layer - Layer instance or `null` to remove the override.
     */
    useLayer(layer: Layer | null): this;
}
export {};