33 lines
895 B
TypeScript
33 lines
895 B
TypeScript
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>
|
|
);
|
|
} |