type Props = {
  src: string;
  alt?: string;
  width: number;
  height: number;
  className?: string;
  rounded?: string;
  fill?: boolean;
};

export function Placeholder({
  src,
  alt = "",
  width,
  height,
  className = "",
  rounded = "rounded-2xl",
  fill = false,
}: Props) {
  return (
    <img
      src={src}
      alt={alt}
      width={width}
      height={height}
      className={`block w-full object-cover ${fill ? "h-full" : "h-auto"} ${rounded} ${className}`}
    />
  );
}