{
  "version": 3,
  "sources": ["../../../../src/lib/ui/components/FollowingIndicator.tsx"],
  "sourcesContent": ["import { useEditor, usePresence, useValue } from '@tldraw/editor'\n\nexport function FollowingIndicator() {\n\tconst editor = useEditor()\n\tconst followingUserId = useValue('follow', () => editor.instanceState.followingUserId, [editor])\n\tif (!followingUserId) return null\n\treturn <FollowingIndicatorInner userId={followingUserId} />\n}\n\nfunction FollowingIndicatorInner({ userId }: { userId: string }) {\n\tconst presence = usePresence(userId)\n\tif (!presence) return null\n\treturn <div className=\"tlui-following\" style={{ borderColor: presence.color }} />\n}\n"],
  "mappings": "AAMQ;AANR,SAAS,WAAW,aAAa,gBAAgB;AAE1C,SAAS,qBAAqB;AACpC,QAAM,SAAS,UAAU;AACzB,QAAM,kBAAkB,SAAS,UAAU,MAAM,OAAO,cAAc,iBAAiB,CAAC,MAAM,CAAC;AAC/F,MAAI,CAAC;AAAiB,WAAO;AAC7B,SAAO,oBAAC,2BAAwB,QAAQ,iBAAiB;AAC1D;AAEA,SAAS,wBAAwB,EAAE,OAAO,GAAuB;AAChE,QAAM,WAAW,YAAY,MAAM;AACnC,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,oBAAC,SAAI,WAAU,kBAAiB,OAAO,EAAE,aAAa,SAAS,MAAM,GAAG;AAChF;",
  "names": []
}