import { cn } from "@/lib/utils";
import React from "react";

export function Logo({ className, ...props }: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      className={cn("w-6 h-6", className)}
      {...props}
    >
      <path d="M2 22v-2a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2" />
      <path d="M12 2a4 4 0 0 0-4 4v10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V6a4 4 0 0 0-4-4Z" />
      <path d="M12 18V6" />
      <path d="M12 6H8.5a2.5 2.5 0 1 0 0 5H12" />
      <path d="M12 11h3.5a2.5 2.5 0 1 1 0 5H12" />
    </svg>
  );
}

export function WhatsappIcon({ className, ...props }: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      fill="currentColor"
      className={cn("w-6 h-6", className)}
      {...props}
    >
      <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.894 11.892-1.99 0-3.903-.52-5.586-1.459L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 4.315 1.847 6.062l-1.222 4.464 4.639-1.222zM8.332 9.554c-.135-.27-.27-.276-.405-.278-.135-.002-.27-.002-.405-.002-.134 0-.339.049-.54.248-.2.2-.764.74-.764 1.799 0 1.06.782 2.098.882 2.247.1.149 1.584 2.52 3.84 3.538 1.898.831 2.246.74 2.67.702.424-.038 1.35-.55 1.541-1.082.19-.532.19-1 .134-1.082-.056-.082-.207-.134-.405-.232-.199-.099-1.157-.571-1.336-.638-.179-.067-.304-.1-.439.1-.135.2-.506.638-.62.763-.114.125-.23.149-.405.05-.175-.099-.737-.27-1.404-.867-.52-.464-.87-1.036-.976-1.213-.106-.177-.011-.267.082-.366.093-.099.207-.248.305-.371s.135-.2.2-.349c.065-.149.033-.27-.017-.366c-.05-.099-.439-.99-.6-1.36z" />
    </svg>
  );
}
