import type { ImageProps as NextImageProps } from "next/image"

import type { ImageVaultAsset } from "./imageVault"

export interface FocalPoint {
  x: number
  y: number
}

export interface Dimensions {
  width: number
  height: number
  aspectRatio: number
}

export interface Meta {
  alt: string | undefined | null
  caption: string | undefined | null
}

export interface ApiImage {
  id: string
  url: string
  title: string
  meta: Meta
  dimensions?: Dimensions
  focalPoint?: FocalPoint
}

export interface ImageProps extends NextImageProps {
  focalPoint?: FocalPoint
}