type Point = {
    x: number
    y: number
}
type Crop = Point & {
    width: number
    height: number
}

/**
 * An image from Wix Media.
 *
 * @example
 * ```tsx
 * import type { Image } from '@wix/editor-react-types';
 *
 * interface MyComponentProps {
 *   image?: Image;
 * }
 *
 * const MyComponent = ({ image }: MyComponentProps) => (
 *   <img src={image?.url} alt={image?.alt} />
 * );
 * ```
 */
export type Image = {
    /** The image URI. */
    uri?: string
    /** The image URL. */
    url: string
    /** The image file name. */
    name?: string
    /** The image height in pixels. */
    height?: number
    /** The image width in pixels. */
    width?: number
    /** Whether the image is animated (e.g. GIF). */
    animated?: boolean
    /** The crop region applied to the image. */
    crop?: Crop
    /** The image quality, as a percentage from 0 to 100. */
    quality?: number
    /** The image alt text for accessibility. */
    alt?: string
}