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

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

import type { PropsWithChildren } from "react"

interface SectionProps extends PropsWithChildren {
  title: string
}
export function Section({ children, title }: SectionProps) {
  return (
    <section className={styles.section}>
      <Typography variant="Title/smLowCase">
        <h2>{title}</h2>
      </Typography>
      <div className={styles.content}>{children}</div>
    </section>
  )
}
