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

import { PoweredByScandic } from "../PoweredByScandic/PoweredByScandic"

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

export function Header() {
  return (
    <>
      <header className={styles.header}>
        <Image
          alt="SAS logotype"
          className={styles.logo}
          src="/_static/img/sas-logotype-white.svg"
          height={32}
          width={90}
          sizes="100vw"
        />
      </header>
      <div className={styles.poweredBy}>
        <PoweredByScandic />
      </div>
    </>
  )
}