import type { FC } from "react";
import { useTranslation } from "@/i18n/provider.js";
import "./actions.scss";

export interface PrintButtonProps {
  flight: unknown;
}

export const PrintButton: FC<PrintButtonProps> = () => {
  const { t } = useTranslation();
  return (
    <a
      className="flight-action-btn flight-action-btn--transparent"
      data-testid="print-button"
      href=""
      aria-label={t("SHARED.A11Y-PRINT-BTN")}
    >
      <svg
        width="18"
        height="18"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      >
        <polyline points="6 9 6 2 18 2 18 9" />
        <path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" />
        <rect x="6" y="14" width="12" height="8" />
      </svg>
    </a>
  );
};
