{
  "version": 3,
  "sources": ["../../src/web/components/TeamAvatar.styles.ts", "../../src/web/components/TeamAvatar.tsx"],
  "sourcesContent": ["import \"TeamAvatar.styles_1oji351.wyw.css\"; export const container = \"container_cq2i6r2\";\nexport const organizationAvatar = \"organizationAvatar_o199fue7\";\nexport const organizationAvatarText = \"organizationAvatarText_o16gpm6\";", "import type { Organization } from \"@framerjs/app-shared\"\nimport { Avatar, emoji } from \"@framerjs/fresco\"\nimport { colors } from \"@framerjs/fresco/tokens\"\nimport * as classes from \"./TeamAvatar.styles.ts\"\n\ninterface Props {\n\tavatar: string | null\n\tdisplayName: string\n\torganization?: Organization | null\n}\nexport function TeamAvatar({ avatar, displayName, organization }: Props) {\n\tconst teamAvatarInitials = emoji.extractInitials(displayName)\n\treturn (\n\t\t<div className={classes.container}>\n\t\t\t<Avatar color={colors.tint} src={avatar || undefined} text={teamAvatarInitials} />\n\t\t\t{organization && (\n\t\t\t\t<Avatar\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tsrc={organization.avatar || undefined}\n\t\t\t\t\ttextCustomStyles={classes.organizationAvatarText}\n\t\t\t\t\tavatarCustomStyles={classes.organizationAvatar}\n\t\t\t\t\tcolor=\"#fff\"\n\t\t\t\t\ttext={emoji.extractInitials(organization.displayName)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],
  "mappings": ";;;;;;;;;;;;;;;AAAmD,IAAM,YAAY;AAC9D,IAAM,qBAAqB;AAC3B,IAAM,yBAAyB;;;ACWpC;AAHK,SAAS,WAAW,EAAE,QAAQ,aAAa,aAAa,GAAU;AACxE,QAAM,qBAAqB,cAAM,gBAAgB,WAAW;AAC5D,SACC,6CAAC,SAAI,WAAmB,WACvB;AAAA,gDAAC,UAAO,OAAO,OAAO,MAAM,KAAK,UAAU,QAAW,MAAM,oBAAoB;AAAA,IAC/E,gBACA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,KAAK,aAAa,UAAU;AAAA,QAC5B,kBAA0B;AAAA,QAC1B,oBAA4B;AAAA,QAC5B,OAAM;AAAA,QACN,MAAM,cAAM,gBAAgB,aAAa,WAAW;AAAA;AAAA,IACrD;AAAA,KAEF;AAEF;",
  "names": []
}