{"version":3,"sources":["../../../src/Avatar/Avatar.tsx"],"names":[".abeff63",".iahla5w",".iqeg596"],"mappings":"AAIMA;AAgBAC;AAmBAC","file":"../../../src/Avatar/Avatar.tsx","sourcesContent":["import React from \"react\";\nimport { css, cx } from \"linaria\";\nimport { styled } from \"linaria/react\";\n\nconst avatar = css`\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  color: rgba(0, 0, 0, 0.65);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-align: center;\n  vertical-align: middle;\n`;\n\nconst InternalAvatar = styled.span<{ size?: number }>`\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  color: rgba(0, 0, 0, 0.65);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-align: center;\n  vertical-align: middle;\n  width: ${(props) => `${props.size}px`};\n  height: ${(props) => `${props.size}px`};\n  line-height: ${(props) => `${props.size}px`};\n`;\n\nconst image = css`\n  display: block;\n  width: 100%;\n  height: 100%;\n`;\n\nexport type AvatarProps = {\n  size?: number;\n  // eslint-disable-next-line quotes\n} & JSX.IntrinsicElements[\"img\"];\n\nconst Avatar: React.FC<AvatarProps> = ({ src, size = 64 }) => (\n  <InternalAvatar\n    className={cx(avatar)}\n    style={{ width: size, height: size, lineHeight: `${size}px` }}\n    size={size}>\n    <img src={src} className={image} />\n  </InternalAvatar>\n);\n\nexport default Avatar;\n"]}