twenty_crm/front/src/modules/people/components/PersonChip.tsx

import { EntityChip, EntityChipVariant } from '@/ui/chip/components/EntityChip';

export type PersonChipPropsType = {
  id: string;
  name: string;
  pictureUrl?: string;
  variant?: EntityChipVariant;
};

export const PersonChip = ({
  id,
  name,
  pictureUrl,
  variant,
}: PersonChipPropsType) => (
  <EntityChip
    entityId={id}
    linkToEntity={`/person/${id}`}
    name={name}
    avatarType="rounded"
    pictureUrl={pictureUrl}
    variant={variant}
  />
);