@primer/components/lib-esm/Token/TokenProfile.js

Primer react components

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React, { forwardRef } from 'react';
import styled from 'styled-components';
import { get } from '../constants';
import primitives from '@primer/primitives';
import { defaultTokenSize, tokenSizes } from './TokenBase';
import Token from './Token';
import { Avatar } from '..';
const StyledToken = styled(Token).withConfig({
  displayName: "TokenProfile__StyledToken",
  componentId: "sc-1vf9jhf-0"
})(["padding-left:", ";"], get('space.1'));
const TokenProfile = /*#__PURE__*/forwardRef(({
  avatarSrc,
  id,
  ref,
  variant,
  ...rest
}, forwardedRef) => /*#__PURE__*/React.createElement(StyledToken, _extends({
  leadingVisual: () => /*#__PURE__*/React.createElement(Avatar, {
    src: avatarSrc,
    size: tokenSizes[variant || defaultTokenSize] - parseInt(primitives.spacing.normal.spacer[1], 10) * 2
  }),
  variant: variant,
  id: id === null || id === void 0 ? void 0 : id.toString(),
  ref: forwardedRef
}, rest)));
export default TokenProfile;