import Title from "@/components/MyPages/Title"

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

import type { HeaderProps } from "@/types/components/myPages/myStays/title"

export default function Header({ title, subtitle }: HeaderProps) {
  return (
    <header className={styles.header}>
      <Title as="h3" level="h2" weight="semiBold" uppercase>
        {title}
      </Title>
      <Title as="h5" level="h3" weight="regular" className={styles.subtitle}>
        {subtitle}
      </Title>
    </header>
  )
}