Stirling-PDF/frontend/src/components/tooltips/useWatermarkTips.ts

import { useTranslation } from 'react-i18next';
import { TooltipContent, TooltipTip } from '../../types/tips';

// Shared tooltip content to reduce duplication
const useSharedWatermarkContent = () => {
  const { t } = useTranslation();

  const languageSupportTip: TooltipTip = {
    title: t("watermark.tooltip.language.title", "Language Support"),
    description: t("watermark.tooltip.language.text", "Choose the appropriate language setting to ensure proper font rendering for your text.")
  };

  const appearanceTip: TooltipTip = {
    title: t("watermark.tooltip.appearance.title", "Appearance Settings"),
    description: t("watermark.tooltip.appearance.text", "Control how your watermark looks and blends with the document."),
    bullets: [
      t("watermark.tooltip.appearance.bullet1", "Rotation: -360° to 360° for angled watermarks"),
      t("watermark.tooltip.appearance.bullet2", "Opacity: 0-100% for transparency control"),
      t("watermark.tooltip.appearance.bullet3", "Lower opacity creates subtle watermarks")
    ]
  };

  const spacingTip: TooltipTip = {
    title: t("watermark.tooltip.spacing.title", "Spacing Control"),
    description: t("watermark.tooltip.spacing.text", "Adjust the spacing between repeated watermarks across the page."),
    bullets: [
      t("watermark.tooltip.spacing.bullet1", "Width spacing: Horizontal distance between watermarks"),
      t("watermark.tooltip.spacing.bullet2", "Height spacing: Vertical distance between watermarks"),
      t("watermark.tooltip.spacing.bullet3", "Higher values create more spread out patterns")
    ]
  };

  return { languageSupportTip, appearanceTip, spacingTip };
};

export const useWatermarkTypeTips = (): TooltipContent => {
  const { t } = useTranslation();

  return {
    header: {
      title: t("watermark.tooltip.type.header.title", "Watermark Type Selection")
    },
    tips: [
      {
        title: t("watermark.tooltip.type.description.title", "Choose Your Watermark"),
        description: t("watermark.tooltip.type.description.text", "Select between text or image watermarks based on your needs.")
      },
      {
        title: t("watermark.tooltip.type.text.title", "Text Watermarks"),
        description: t("watermark.tooltip.type.text.text", "Perfect for adding copyright notices, company names, or confidentiality labels. Supports multiple languages and custom colors."),
        bullets: [
          t("watermark.tooltip.type.text.bullet1", "Customizable fonts and languages"),
          t("watermark.tooltip.type.text.bullet2", "Adjustable colors and transparency"),
          t("watermark.tooltip.type.text.bullet3", "Ideal for legal or branding text")
        ]
      },
      {
        title: t("watermark.tooltip.type.image.title", "Image Watermarks"),
        description: t("watermark.tooltip.type.image.text", "Use logos, stamps, or any image as a watermark. Great for branding and visual identification."),
        bullets: [
          t("watermark.tooltip.type.image.bullet1", "Upload any image format"),
          t("watermark.tooltip.type.image.bullet2", "Maintains image quality"),
          t("watermark.tooltip.type.image.bullet3", "Perfect for logos and stamps")
        ]
      }
    ]
  };
};



export const useWatermarkWordingTips = (): TooltipContent => {
  const { t } = useTranslation();

  return {
    header: {
      title: t("watermark.tooltip.wording.header.title", "Text Content")
    },
    tips: [
      {
        title: t("watermark.tooltip.wording.text.title", "Watermark Text"),
        description: t("watermark.tooltip.wording.text.text", "Enter the text that will appear as your watermark across the document."),
        bullets: [
          t("watermark.tooltip.wording.text.bullet1", "Keep it concise for better readability"),
          t("watermark.tooltip.wording.text.bullet2", "Common examples: 'CONFIDENTIAL', 'DRAFT', company name"),
          t("watermark.tooltip.wording.text.bullet3", "Emoji characters are not supported and will be filtered out")
        ]
      }
    ]
  };
};

export const useWatermarkTextStyleTips = (): TooltipContent => {
  const { t } = useTranslation();
  const { languageSupportTip } = useSharedWatermarkContent();

  return {
    header: {
      title: t("watermark.tooltip.textStyle.header.title", "Text Style")
    },
    tips: [
      {
        title: t("watermark.tooltip.textStyle.color.title", "Color Selection"),
        description: t("watermark.tooltip.textStyle.color.text", "Choose a color that provides good contrast with your document content."),
        bullets: [
          t("watermark.tooltip.textStyle.color.bullet1", "Light gray (#d3d3d3) for subtle watermarks"),
          t("watermark.tooltip.textStyle.color.bullet2", "Black or dark colors for high contrast"),
          t("watermark.tooltip.textStyle.color.bullet3", "Custom colors for branding purposes")
        ]
      },
      languageSupportTip
    ]
  };
};

export const useWatermarkFileTips = (): TooltipContent => {
  const { t } = useTranslation();

  return {
    header: {
      title: t("watermark.tooltip.file.header.title", "Image Upload")
    },
    tips: [
      {
        title: t("watermark.tooltip.file.upload.title", "Image Selection"),
        description: t("watermark.tooltip.file.upload.text", "Upload an image file to use as your watermark."),
        bullets: [
          t("watermark.tooltip.file.upload.bullet1", "Supports common formats: PNG, JPG, GIF, BMP"),
          t("watermark.tooltip.file.upload.bullet2", "PNG with transparency works best"),
          t("watermark.tooltip.file.upload.bullet3", "Higher resolution images maintain quality better")
        ]
      },
      {
        title: t("watermark.tooltip.file.recommendations.title", "Best Practices"),
        description: t("watermark.tooltip.file.recommendations.text", "Tips for optimal image watermark results."),
        bullets: [
          t("watermark.tooltip.file.recommendations.bullet1", "Use logos or stamps with transparent backgrounds"),
          t("watermark.tooltip.file.recommendations.bullet2", "Simple designs work better than complex images"),
          t("watermark.tooltip.file.recommendations.bullet3", "Consider the final document size when choosing resolution")
        ]
      }
    ]
  };
};

export const useWatermarkFormattingTips = (): TooltipContent => {
  const { t } = useTranslation();
  const { appearanceTip, spacingTip } = useSharedWatermarkContent();

  return {
    header: {
      title: t("watermark.tooltip.formatting.header.title", "Formatting & Layout")
    },
    tips: [
      {
        title: t("watermark.tooltip.formatting.size.title", "Size Control"),
        description: t("watermark.tooltip.formatting.size.text", "Adjust the size of your watermark (text or image)."),
        bullets: [
          t("watermark.tooltip.formatting.size.bullet1", "Larger sizes create more prominent watermarks")
        ]
      },
      appearanceTip,
      spacingTip,
      {
        title: t("watermark.tooltip.formatting.security.title", "Security Option"),
        description: t("watermark.tooltip.formatting.security.text", "Convert the final PDF to an image-based format for enhanced security."),
        bullets: [
          t("watermark.tooltip.formatting.security.bullet1", "Prevents text selection and copying"),
          t("watermark.tooltip.formatting.security.bullet2", "Makes watermarks harder to remove"),
          t("watermark.tooltip.formatting.security.bullet3", "Results in larger file sizes"),
          t("watermark.tooltip.formatting.security.bullet4", "Best for sensitive or copyrighted content")
        ]
      }
    ]
  };
};