import React from 'react';

interface QuickActionLinkProps {
  href: string;
  children: React.ReactNode;
  variant?: 'blue' | 'purple' | 'orange';
  className?: string;
}

export function QuickActionLink({ 
  href, 
  children, 
  variant = 'blue',
  className = ''
}: QuickActionLinkProps) {
  const variantClasses = {
    blue: 'bg-primary-blue/20 border-primary-blue/30 text-primary-blue hover:bg-primary-blue/30',
    purple: 'bg-purple-500/20 border-purple-500/30 text-purple-300 hover:bg-purple-500/30',
    orange: 'bg-orange-500/20 border-orange-500/30 text-orange-300 hover:bg-orange-500/30'
  };
  
  const classes = [
    'px-4 py-3 border rounded-lg transition-colors text-sm font-medium text-center inline-block w-full',
    variantClasses[variant],
    className
  ].filter(Boolean).join(' ');
  
  return (
    <a href={href} className={classes}>
      {children}
    </a>
  );
}