Presupuestador_web/client/src/app/quotes/components/AppendEmptyRowButton.tsx

import { cn } from "@/lib/utils";
import { Button, ButtonProps } from "@/ui";
import { t } from "i18next";
import { PlusCircleIcon } from "lucide-react";

export interface AppendEmptyRowButtonProps extends ButtonProps {
  label?: string;
  className?: string;
}

export const AppendEmptyRowButton = ({
  label = t("common.append_empty_row"),
  className,
  ...props
}: AppendEmptyRowButtonProps): JSX.Element => (
  <Button
    type='button'
    variant='outline'
    size='icon'
    className={cn(
      "w-full gap-1 border-dashed text-muted-foreground border-muted-foreground/50",
      className
    )}
    {...props}
  >
    <PlusCircleIcon className={label ? "w-4 h-4 mr-2" : "w-4 h-4"} />
    {label && <>{label}</>}
  </Button>
);

AppendEmptyRowButton.displayName = "AddNewRowButton";