@zendeskgarden/react-loaders/dist/esm/elements/Skeleton.js

Components relating to loaders in the Garden Design System

/**
* Copyright Zendesk, Inc.
*
* Use of this source code is governed under the Apache License, Version 2.0
* found at http://www.apache.org/licenses/LICENSE-2.0.
*/
import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
import '../styled/StyledDots.js';
import '../styled/StyledLoadingPlaceholder.js';
import '../styled/StyledProgress.js';
import { StyledSkeleton } from '../styled/StyledSkeleton.js';
import '../styled/StyledSpinnerCircle.js';
import '../styled/StyledSVG.js';
import '../styled/StyledInline.js';

const Skeleton = forwardRef((_ref, ref) => {
  let {
    width,
    height,
    isLight,
    ...other
  } = _ref;
  return React.createElement(StyledSkeleton, Object.assign({
    ref: ref,
    $isLight: isLight,
    $width: width,
    $height: height
  }, other), "\xA0");
});
Skeleton.displayName = 'Skeleton';
Skeleton.propTypes = {
  width: PropTypes.string,
  height: PropTypes.string,
  isLight: PropTypes.bool
};
Skeleton.defaultProps = {
  width: '100%',
  height: '100%'
};

export { Skeleton };