import React from 'react'
import { cn } from '../../lib/utils'

interface LicenseErrorProps {
  className?: string
}

export function LicenseError({ className }: LicenseErrorProps) {
  return (
    <div className={cn(
      "flex flex-col items-center justify-center p-8 text-center border-2 border-dashed border-red-500/20 rounded-lg bg-red-50/5",
      className
    )}>
      <div className="text-red-500 mb-4">
        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M12 2L2 7V12C2 16.5 4.23 20.68 7.62 23.47L12 22L16.38 23.47C19.77 20.68 22 16.5 22 12V7L12 2Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
          <path d="M12 9V13" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
          <circle cx="12" cy="17" r="1" fill="currentColor"/>
        </svg>
      </div>
      <h3 className="text-lg font-semibold text-red-600 mb-2">License Required</h3>
      <p className="text-sm text-muted-foreground max-w-md">
        This is a Pro component. Please ensure you have a valid MoonUI Pro license to use this component.
      </p>
    </div>
  )
}

export default LicenseError