flashcards-example-project/src/components/ui/page/page.tsx

import { ComponentPropsWithoutRef, forwardRef } from 'react'

import { clsx } from 'clsx'

import s from './page.module.scss'

export type PageProps = ComponentPropsWithoutRef<'div'>

export const Page = forwardRef<HTMLDivElement, PageProps>(({ className, ...props }, ref) => {
  const classNames = {
    root: clsx(s.root, className),
  }

  return <div {...props} className={classNames.root} ref={ref} />
})