type PostAuthorFragment = {
  readonly __typename?: 'graphcms_Author'
  readonly name: string
  readonly twitterHandle?: string | null
  readonly picture?: {
    readonly __typename?: 'graphcms_Asset'
    readonly handle: string
    readonly height?: number | null
    readonly width?: number | null
  } | null
}

type CloudinaryImageProps = {
  readonly src: string
  readonly srcSet: string
  readonly sizes: string
  readonly alt: string
  readonly width: number
  readonly height: number
  readonly style: {
    readonly backgroundImage: string
    readonly backgroundSize: string
    readonly aspectRatio: string
  }
}

type props = {
  readonly author: PostAuthorFragment
  readonly date: string
  readonly authorImgProps: CloudinaryImageProps | null
}

export const AuthorDetails = ({ author, date, authorImgProps }: props) => {
  return (
    ...
  )
}