@6thquake/react-material/Fish/Fish.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _withStyles = _interopRequireDefault(require("../styles/withStyles"));

var _classnames = _interopRequireDefault(require("classnames"));

var styles = function styles(theme) {
  return {
    common: {
      display: 'inline-block',
      transform: 'scale3d(1,1,1)',
      '-ms-transform': 'scale3d(1,1,1)'
      /* IE 9 */
      ,
      '-moz-transform': 'scale3d(1,1,1)'
      /* Firefox */
      ,
      '-webkit-transform': 'scale3d(1,1,1)'
      /* Safari 和 Chrome */
      ,
      '-o-transform': 'scale3d(1,1,1)',
      transition: 'all 86ms ease-out'
    },
    sm: {
      '&:hover': {
        transform: 'scale3d(1.2, 1.2, 1.2)',
        '-ms-transform': 'scale3d(1.2, 1.2, 1.2)'
        /* IE 9 */
        ,
        '-moz-transform': 'scale3d(1.2, 1.2, 1.2)'
        /* Firefox */
        ,
        '-webkit-transform': 'scale3d(1.2, 1.2, 1.2)'
        /* Safari 和 Chrome */
        ,
        '-o-transform': 'scale3d(1.2, 1.2, 1.2)'
      }
    },
    md: {
      '&:hover': {
        transform: 'scale3d(1.5, 1.5, 1.5)',
        '-ms-transform': 'scale3d(1.5, 1.5, 1.5)',
        '-moz-transform': 'scale3d(1.5, 1.5, 1.5)',
        '-webkit-transform': 'scale3d(1.5, 1.5, 1.5)',
        '-o-transform': 'scale3d(1.5, 1.5, 1.5)'
      }
    },
    lg: {
      '&:hover': {
        transform: 'scale3d(2.0, 2.0, 2.0)',
        '-ms-transform': 'scale3d(2.0, 2.0, 2.0)',
        '-moz-transform': 'scale3d(2.0, 2.0, 2.0)',
        '-webkit-transform': 'scale3d(2.0, 2.0, 2.0)',
        '-o-transform': 'scale3d(2.0, 2.0, 2.0)'
      }
    }
  };
};

var Fish =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2.default)(Fish, _Component);

  function Fish() {
    (0, _classCallCheck2.default)(this, Fish);
    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Fish).apply(this, arguments));
  }

  (0, _createClass2.default)(Fish, [{
    key: "render",
    value: function render() {
      var _classNames;

      var _this$props = this.props,
          classNamePro = _this$props.className,
          children = _this$props.children,
          size = _this$props.size,
          classes = _this$props.classes;
      var className = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.common, true), (0, _defineProperty2.default)(_classNames, classes.sm, size === 'sm'), (0, _defineProperty2.default)(_classNames, classes.md, size === 'md'), (0, _defineProperty2.default)(_classNames, classes.lg, size === 'lg'), _classNames), classNamePro);
      return _react.default.createElement("div", {
        className: className
      }, children);
    }
  }]);
  return Fish;
}(_react.Component);

Fish.propTypes = {
  /**
   * scale multiple,
   * sm :1.2,
   * md:1.5,
   * lg:2.0
   */
  size: _propTypes.default.oneOf(['sm', 'md', 'lg'])
};
Fish.defaultProps = {
  size: 'sm'
};

var _default = (0, _withStyles.default)(styles, {
  name: 'RMFish'
})(Fish);

exports.default = _default;