import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"

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

import type { HeaderProps } from "@/types/components/blocks/surprises"

export default function Header({ onClose, children }: HeaderProps) {
  return (
    <div className={styles.top}>
      {children}
      <button onClick={onClose} type="button" className={styles.close}>
        <MaterialIcon icon="close" />
      </button>
    </div>
  )
}