import * as react from 'react';
import { ImgHTMLAttributes, ReactNode, CSSProperties } from 'react';
import { RadiusKey } from '@plyxui/core';

type ImageFit = "cover" | "contain" | "fill" | "none" | "scale-down";
interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "width" | "height"> {
    src: string;
    alt: string;
    width?: number | string;
    height?: number | string;
    /** Aspect ratio in CSS form, e.g. "16 / 9" or 1.5. Wins over width+height when both are set. */
    aspectRatio?: string | number;
    /** object-fit. Default "cover". */
    fit?: ImageFit;
    /** Radius token from @plyxui/core, or a raw pixel value. */
    radius?: RadiusKey | number;
    /** Rendered while the image is loading. Defaults to a theme-colored skeleton. */
    placeholder?: ReactNode;
    /** Rendered when the image fails to load. */
    fallback?: ReactNode;
    style?: CSSProperties;
}
declare const Image: react.ForwardRefExoticComponent<ImageProps & react.RefAttributes<HTMLImageElement>>;

export { Image, type ImageFit, type ImageProps };