native-base/lib/commonjs/theme/v33x-theme/components/skeleton.js

Essential cross-platform UI components for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SkeletonText = exports.Skeleton = void 0;

var _tools = require("../tools");

// Skeleton
const Skeleton = {
  baseStyle: props => {
    return {
      startColor: (0, _tools.mode)('muted.200', 'muted.600')(props),
      endColor: 'transparent',
      overflow: 'hidden',
      fadeDuration: 0.1,
      speed: 1.0,
      h: '10',
      w: '100%'
    };
  }
}; // SkeletonText

exports.Skeleton = Skeleton;
const SkeletonText = {
  baseStyle: props => {
    return {
      startColor: (0, _tools.mode)('muted.200', 'muted.600')(props),
      endColor: 'transparent',
      fadeDuration: 0.1,
      w: '100%',
      speed: 1.0,
      flexDirection: 'column',
      _line: {
        h: 3,
        rounded: 'full'
      }
    };
  },
  defaultProps: {
    lines: 3,
    space: 3
  }
};
exports.SkeletonText = SkeletonText;
//# sourceMappingURL=skeleton.js.map