// frontend\src\components\ui\PreviewRatingOverlay.tsx

'use client'

import type { ReactNode } from 'react'

type PreviewRatingOverlayProps = {
  hidden?: boolean
  children?: ReactNode
}

export default function PreviewRatingOverlay({
  hidden = false,
  children,
}: PreviewRatingOverlayProps) {
  if (hidden || !children) return null

  return (
    <div className="absolute right-1.5 top-1.5 z-40">
      <div className="pointer-events-auto flex items-start justify-end">
        {children}
      </div>
    </div>
  )
}