diff --git a/modules/customer-invoices/src/web/proformas/update/ui/components/proforma-update-help-popover.tsx b/modules/customer-invoices/src/web/proformas/update/ui/components/proforma-update-help-popover.tsx index a4352db0..76bc1599 100644 --- a/modules/customer-invoices/src/web/proformas/update/ui/components/proforma-update-help-popover.tsx +++ b/modules/customer-invoices/src/web/proformas/update/ui/components/proforma-update-help-popover.tsx @@ -10,6 +10,7 @@ import { Separator, } from "@repo/shadcn-ui/components"; import { AlertCircleIcon, CheckCircle2Icon, CircleDashedIcon, CircleHelpIcon } from "lucide-react"; +import type { ComponentProps } from "react"; import { useTranslation } from "../../../../i18n"; import type { ProformaIssuanceReadiness } from "../../../shared"; @@ -23,7 +24,7 @@ interface ProformaUpdateHelpPopoverProps { onRetryReadiness?: () => void; } -interface HelpTriggerProps { +interface HelpTriggerProps extends ComponentProps { ariaLabel: string; pendingBlockersCount: number; } @@ -39,9 +40,16 @@ interface HelpReadinessSectionProps { translate: (key: string, params?: Record) => string; } -const HelpTrigger = ({ ariaLabel, pendingBlockersCount }: HelpTriggerProps) => { +const HelpTrigger = ({ ariaLabel, className, pendingBlockersCount, ...props }: HelpTriggerProps) => { return ( -