import Image from "@scandic-hotels/design-system/Image"
import { Typography } from "@scandic-hotels/design-system/Typography"

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

export function PoweredByScandic() {
  return (
    <div className={styles.root}>
      <Typography variant="Body/Supporting text (caption)/smRegular">
        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
        <p>Powered by</p>
      </Typography>
      <div>
        <Image
          alt="Scandic"
          className={styles.logo}
          src="/_static/img/scandic-logotype.svg"
          height={14}
          width={65}
          sizes="100vw"
        />
      </div>
    </div>
  )
}