@fruits-chain/react-native-xiaoshu/lib/module/skeleton/skeleton-avatar.js

🌈 React Native UI library

import React, { useMemo, memo } from 'react';
import { PlaceholderMedia } from 'rn-placeholder';
import Theme from '../theme';
import SkeletonActive from './skeleton-active';
import { varCreator } from './style';

const SkeletonAvatar = _ref => {
  let {
    active = true,
    size = 40,
    shape = 'circle'
  } = _ref;
  const TOKENS = Theme.useThemeTokens();
  const CV = Theme.createVar(TOKENS, varCreator);
  const style = useMemo(() => ({
    height: size,
    width: size,
    backgroundColor: CV.skeleton_color,
    borderRadius: shape === 'circle' ? size / 2 : CV.skeleton_avatar_border_radius
  }), [CV.skeleton_avatar_border_radius, CV.skeleton_color, shape, size]);
  const nodeJSX = /*#__PURE__*/React.createElement(PlaceholderMedia, {
    style: style
  });

  if (active) {
    return /*#__PURE__*/React.createElement(SkeletonActive, null, nodeJSX);
  }

  return nodeJSX;
};

export default /*#__PURE__*/memo(SkeletonAvatar);
//# sourceMappingURL=skeleton-avatar.js.map