import type { HTMLImgAttributes } from 'svelte/elements';
import type { BorderRadiusInput } from '../utils/border.utils.js';
import type { HTMLNeoBaseElement, HTMLRefProps, HTMLTagProps } from '../utils/html-element.utils.js';
import type { SizeInput } from '../utils/style.utils.js';
export interface NeoImageProps extends Omit<HTMLImgAttributes, 'width' | 'height'>, HTMLRefProps {
    /**
     * Whether the image is loaded.
     */
    loaded?: boolean;
    /**
     * Whether the image failed to load.
     */
    error?: boolean;
    /**
     * An optional fallback image source to use if the image fails to load.
     */
    fallback?: HTMLImgAttributes['src'];
    /**
     * Whether to show a skeleton in place of the image, regardless of loading state.
     */
    skeleton?: boolean;
    /**
     * Keep alternative text visible when the image is not loaded or errored.
     * By default, the alt text is only visible to screen readers for accessibility.
     *
     * @default false
     */
    showAltText?: boolean;
    /**
     * How long to wait before showing the skeleton if the image is not loaded or errored (in milliseconds).
     *
     * @default 0
     */
    delay?: number;
    /**
     * Optional flex strategy for the image.
     */
    flex?: CSSStyleDeclaration['flex'];
    /**
     * Optional width constraints for the image.
     */
    width?: SizeInput<'width'>;
    /**
     * Optional height constraints for the image.
     */
    height?: SizeInput<'height'>;
    /**
     * Optional aspect ratio for the image.
     */
    ratio?: CSSStyleDeclaration['aspectRatio'];
    /**
     * Optional object fit for the image.
     */
    fit?: CSSStyleDeclaration['objectFit'];
    /**
     * Rounds border radius.
     */
    rounded?: BorderRadiusInput;
    /**
     * Whether to show the skeleton with a glass effect.
     */
    glass?: boolean;
    /**
     * Optional props to pass to the container element.
     */
    containerProps?: HTMLNeoBaseElement & HTMLTagProps;
}