import React from 'react';
import { Box } from './Box';
import { Text } from './Text';
import { Link } from './Link';
import { routes } from '@/lib/routing/RouteConfig';

/**
 * PublicNavSignup is a signup button component for public pages.
 * It displays a signup button that redirects to the auth signup page.
 */
export function PublicNavSignup() {
  return (
    <Link
      href={routes.auth.signup}
      variant="inherit"
      data-testid="public-nav-signup"
      className="group flex items-center gap-2 bg-primary-accent hover:bg-primary-accent/90 text-white rounded-full px-4 py-1.5 transition-all duration-300 hover:scale-105"
    >
      <Text size="sm" weight="medium" className="text-white">
        Sign Up
      </Text>
    </Link>
  );
}