import { routes } from '@/lib/routing/RouteConfig';
import { Trophy, Users } from 'lucide-react';
import { Box } from '@/ui/Box';
import { Heading } from '@/ui/Heading';
import { QuickActionItem } from '@/ui/QuickActionItem';

export function QuickActions() {
  return (
    <Box>
      <Heading level={3} mb={4}>Quick Actions</Heading>
      <Box display="flex" flexDirection="col" gap={2}>
        <QuickActionItem
          href={routes.public.leagues}
          label="Browse Leagues"
          icon={Users}
          iconVariant="blue"
        />
        <QuickActionItem
          href={routes.public.leaderboards}
          label="View Leaderboards"
          icon={Trophy}
          iconVariant="amber"
        />
      </Box>
    </Box>
  );
}