"use client";

import { Check, X } from "lucide-react";

interface PasswordMatchIndicatorProps {
  passwordsMatch: boolean;
}

export function PasswordMatchIndicator({ passwordsMatch }: PasswordMatchIndicatorProps) {
  if (passwordsMatch) {
    return (
      <div className="flex items-center gap-1 text-xs">
        <Check className="h-3 w-3 text-success" />
        <span className="text-success">Passwords match</span>
      </div>
    );
  }

  return (
    <div className="flex items-center gap-1 text-xs">
      <X className="h-3 w-3 text-danger" />
      <span className="text-danger">Passwords do not match</span>
    </div>
  );
}
