{"version":3,"file":"PrivacyIcon-DG_IuxW-.js","sources":["../../../app/javascript/components/shared/PrivacyIcon.tsx"],"sourcesContent":["import Icon from \"hardcover-ui/components/Icon\";\nimport faEye from \"icons/solid/eye.svg\";\nimport faUserFriends from \"icons/solid/users.svg\";\nimport { IconThemeProps } from \"hardcover-ui/theme/components/icon\";\n\nexport interface PrivacyIconProps {\n  privacySettingId: number;\n  className?: string;\n  size?: IconThemeProps[\"size\"];\n}\n\nexport default function PrivacyIcon({\n  privacySettingId,\n  className = \"text-indigo-500 dark:text-yellow-400\",\n  size = \"lg\",\n}: PrivacyIconProps) {\n  if (privacySettingId === 1) {\n    return <></>;\n  }\n  return (\n    <>\n      <span className={className}>\n        <Icon\n          icon={privacySettingId === 2 ? faUserFriends : faEye}\n          size={size}\n          data-id=\"tooltip\"\n          data-tooltip-content={\n            privacySettingId === 2\n              ? \"People you follow can see this.\"\n              : \"Only you can see this.\"\n          }\n        />\n      </span>\n    </>\n  );\n}\n"],"names":["PrivacyIcon","privacySettingId","className","size","jsx","Fragment","Icon","faUserFriends","faEye"],"mappings":"0HAWA,SAAwBA,EAAY,CAClC,iBAAAC,EACA,UAAAC,EAAY,uCACZ,KAAAC,EAAO,IACT,EAAqB,CACnB,OAAIF,IAAqB,EACdG,EAAA,IAAAC,WAAA,CAAA,CAAA,EAGTD,EAAA,IAAAC,EAAA,SAAA,CACE,SAACD,EAAA,IAAA,OAAA,CAAK,UAAAF,EACJ,SAAAE,EAAA,IAACE,EAAA,CACC,KAAML,IAAqB,EAAIM,EAAgBC,EAC/C,KAAAL,EACA,UAAQ,UACR,uBACEF,IAAqB,EACjB,kCACA,wBAAA,CAAA,CAGV,CAAA,CACF,CAAA,CAEJ"}