import Image from "@scandic-hotels/design-system/Image"

import styles from "./hero.module.css"

import type { HeroProps } from "./hero"

export default async function Hero({
  alt,
  src,
  focalPoint,
  dimensions,
}: HeroProps) {
  return (
    <Image
      className={styles.hero}
      alt={alt}
      height={480}
      width={1196}
      src={src}
      focalPoint={focalPoint}
      dimensions={dimensions}
      priority
    />
  )
}