fk-react-ui-components
Version:
Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should
70 lines (53 loc) • 5.63 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var GoldIcon = function (_Component) {
_inherits(GoldIcon, _Component);
function GoldIcon() {
_classCallCheck(this, GoldIcon);
return _possibleConstructorReturn(this, (GoldIcon.__proto__ || Object.getPrototypeOf(GoldIcon)).apply(this, arguments));
}
_createClass(GoldIcon, [{
key: 'render',
value: function render() {
return _react2.default.createElement(
'svg',
{ viewBox: '0 0 16 16', width: this.props.width },
_react2.default.createElement(
'g',
{ stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd' },
_react2.default.createElement(
'g',
{
id: 'Group',
transform: 'translate(1.928571, 0.714286)',
fill: '#EEC94E',
fillRule: 'nonzero'
},
_react2.default.createElement('path', {
d: 'M0.492277992,8.86564908 C0.492277992,10.6031268 2.31813463,12.3300936 6.07142792,13.9751791 C9.8247223,12.3300938 11.6505792,10.6031269 11.6505792,8.86564908 L11.6505792,1.35237905 C9.76067532,0.827573426 7.87397551,0.565437844 5.98938224,0.565437844 C4.11076853,0.565437844 2.27886901,0.825902497 0.492277992,1.34698115 L0.492277992,8.86564908 Z M0,0.982343499 C1.943319,0.376958563 3.93977975,0.0742660942 5.98938224,0.0742660942 C8.03898473,0.0742660942 10.090143,0.376958563 12.1428571,0.982343499 L12.1428571,8.86564908 C12.1428571,10.8887313 10.1190476,12.7704559 6.07142857,14.5108228 C2.02380952,12.7704559 0,10.8887313 0,8.86564908 L0,0.982343499 Z M1.00227117,1.76005997 C1.00227117,4.60206258 1.00227117,6.88525529 1.00227117,8.6096381 C1.00227117,10.29875 2.69199031,11.929317 6.07142857,13.501339 C9.45086684,11.929317 11.140586,10.29875 11.140586,8.6096381 C11.140586,6.75490103 11.140586,4.47170832 11.140586,1.76005997 C9.42673382,1.25461195 7.71418064,1.00188795 6.00292644,1.00188795 C4.29167225,1.00188795 2.62478716,1.25461195 1.00227117,1.76005997 Z M6.10233318,7.55685757 L6.10233318,6.46666742 L8.92463218,6.46666742 L8.92463218,9.04428301 C8.65036351,9.30910785 8.25297481,9.54229734 7.73245415,9.74385847 C7.2119335,9.9454196 6.68478523,10.0461987 6.15099351,10.0461987 C5.47269464,10.0461987 4.88140385,9.90422524 4.37710339,9.62027416 C3.87280293,9.33632308 3.49384598,8.93026441 3.24022119,8.40208597 C2.9865964,7.87390754 2.8597859,7.29939337 2.8597859,6.67852624 C2.8597859,6.00469414 3.0013418,5.40590472 3.28445785,4.88214003 C3.5675739,4.35837534 3.98191982,3.95673036 4.52750804,3.67719302 C4.94333473,3.46239065 5.46089849,3.35499107 6.08021485,3.35499107 C6.88532611,3.35499107 7.51421769,3.52344657 7.96690846,3.86036262 C8.41959922,4.19727867 8.710821,4.66292204 8.84058252,5.25730668 L7.54002468,5.50006158 C7.44860179,5.18227176 7.2768178,4.93142755 7.02466757,4.74752141 C6.77251734,4.56361527 6.45770292,4.47166358 6.08021485,4.47166358 C5.5080845,4.47166358 5.05318872,4.65262451 4.71551385,5.01455179 C4.37783898,5.37647908 4.20900407,5.91347695 4.20900407,6.62556153 C4.20900407,7.39355358 4.38005079,7.96953897 4.72214935,8.35353499 C5.0642479,8.73753102 5.51250826,8.92952615 6.06694385,8.92952615 C6.34121252,8.92952615 6.61621435,8.87582636 6.89195759,8.76842517 C7.16770082,8.66102399 7.40436459,8.53082039 7.601956,8.37781048 L7.601956,7.55685757 L6.10233318,7.55685757 Z',
id: 'Combined-Shape'
})
)
)
);
}
}]);
return GoldIcon;
}(_react.Component);
GoldIcon.propTypes = {
width: _propTypes.PropTypes.string
};
GoldIcon.defaultProps = {
width: '20px'
};
exports.default = GoldIcon;