Avatar Badge

"use client";

import React from "react";
import Avatar from "./avatar";

interface AvatarBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
  src?: string;
  alt?: string;
  fallback?: string;
  size?: "xs" | "sm" | "md" | "lg" | "xl";
  shape?: "circle" | "square";
  border?: boolean;
  borderColor?: "default" | "white" | "primary";
  badgeContent?: React.ReactNode;
  badgePosition?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
  badgeColor?: "green" | "red" | "yellow" | "blue" | "gray";
  showStatus?: boolean;
}

export default function AvatarBadge({
  src,
  alt = "Avatar",
  fallback,
  size = "md",
  shape = "circle",
  border = false,
  borderColor = "default",
  badgeContent,
  badgePosition = "bottom-right",
  badgeColor = "green",
  showStatus = false,
  className = "",
  ...props
}: AvatarBadgeProps) {
  // ... component implementation
}