supabase/apps/www/components/LaunchWeek/12/LaunchWeekPrizeCard.tsx

import Panel from '~/components/Panel'
import { useTheme } from 'next-themes'
import React from 'react'
import { cn } from 'ui'

export default function LaunchWeekPrizeCard({
  content,
  className,
  contentClassName,
}: {
  content: any
  className?: string
  contentClassName?: string
}) {
  const { resolvedTheme } = useTheme()

  return (
    <Panel
      hasShimmer
      outerClassName={cn('relative rounded-lg overflow-hidden', className)}
      innerClassName={cn(
        'relative h-full flex flex-col rounded-lg overflow-hidden',
        contentClassName
      )}
      shimmerToColor={
        resolvedTheme?.includes('dark') ? 'var(--background-alternative-default)' : undefined
      }
      shimmerFromColor={resolvedTheme?.includes('dark') ? 'var(--border-default)' : undefined}
    >
      {content}
    </Panel>
  )
}