teqo-backup/src/components/campaign/CampaignInfoHint.tsx
Francisco Ignácio Fontoura Solla aa12e173d8 Ship A10 vote estimate scenarios (pessimistic/central/optimistic) for Praças.
Staff surfaces share one Cenário control; leaders keep a single declaredVotes value. Unlocks E8.
2026-07-23 19:12:22 -03:00

27 lines
888 B
TypeScript

'use client'
import { CircleHelpIcon } from 'lucide-react'
import type { ReactNode } from 'react'
import { Button } from '@/components/ui/button'
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/Popover'
/** Touch-friendly “?” info (Popover, not hover-only Tooltip). */
export const CampaignInfoHint = ({ label, children }: { label: string; children: ReactNode }) => (
<Popover>
<PopoverTrigger asChild>
<Button
type="button"
variant="ghost"
size="icon"
className="size-8 min-h-11 min-w-11 shrink-0 text-muted-foreground hover:text-foreground"
aria-label={label}
>
<CircleHelpIcon className="size-4" aria-hidden="true" />
</Button>
</PopoverTrigger>
<PopoverContent align="start" className="w-64 p-3 text-sm leading-snug">
{children}
</PopoverContent>
</Popover>
)