Avatars

import { Avatar } from "@pictum/react";

<Avatar
  seed="customer-123"
  variant="portrait"
  gender="female"
  size={256}
  alt="Customer"
  className="size-10"
/>

import { useAvatar } from "@pictum/react";

export function CustomerAvatar() {
  const asset = useAvatar("customer-123", {
    variant: "portrait",
    gender: "female",
    size: 256,
  });

  return <img src={asset.url} alt="Customer" className="size-10" />;
}