import React from 'react';
import { MailIcon } from 'lucide-react';

export function ContactSupportButton() {
  return (
    <a
      href="mailto:support@bogam.org"
      className="inline-flex h-10 items-center justify-center rounded-md border bg-background px-4 py-2 text-sm font-medium text-foreground ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
    >
      <MailIcon className="h-4 w-4 mr-2" />
      Contact Support
    </a>
  );
}