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
63 lines (46 loc) • 5.92 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 BronzeIcon = function (_Component) {
_inherits(BronzeIcon, _Component);
function BronzeIcon() {
_classCallCheck(this, BronzeIcon);
return _possibleConstructorReturn(this, (BronzeIcon.__proto__ || Object.getPrototypeOf(BronzeIcon)).apply(this, arguments));
}
_createClass(BronzeIcon, [{
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('path', {
d: 'M2.3523166,9.58780121 C2.3523166,11.3415111 4.18891357,13.084612 7.96428506,14.7450665 C11.7396576,13.0846122 13.5762548,11.3415112 13.5762548,9.58780121 L13.5762548,2.00433929 C11.6752339,1.47463074 9.77743587,1.21004618 7.88175676,1.21004618 C5.99209237,1.21004618 4.14941698,1.4729442 2.3523166,1.99889097 L2.3523166,9.58780121 Z M1.85714286,1.63084673 C3.81189315,1.01980605 5.82009778,0.714285714 7.88175676,0.714285714 C9.94341573,0.714285714 12.0066397,1.01980605 14.0714286,1.63084673 L14.0714286,9.58780121 C14.0714286,11.6297839 12.0357143,13.5290882 7.96428571,15.2857143 C3.89285714,13.5290882 1.85714286,11.6297839 1.85714286,9.58780121 L1.85714286,1.63084673 Z M2.86712622,2.41780354 C4.498605,1.90781518 6.17469799,1.65282099 7.89540518,1.65282099 C9.61611237,1.65282099 11.3381257,1.90781518 13.0614452,2.41780354 C13.0614452,5.15381013 13.0614452,7.45751234 13.0614452,9.32891017 C13.0614452,11.0331951 11.362392,12.6784091 7.96428571,14.2645523 C4.56617939,12.6784091 2.86712622,11.0331951 2.86712622,9.32891017 C2.86712622,7.58903754 2.86712622,5.28533533 2.86712622,2.41780354 Z M5.35686732,4.03541422 L5.35686732,10.7867277 L7.65860303,10.7867277 C8.52886951,10.7805873 9.07777494,10.7652366 9.30533579,10.7406751 C9.66820309,10.7007626 9.97340681,10.5940751 10.2209561,10.4206094 C10.4685054,10.2471437 10.6637743,10.0153478 10.8067686,9.72521489 C10.9497629,9.43508196 11.021259,9.13651049 11.021259,8.82949152 C11.021259,8.43957742 10.9105554,8.10032654 10.6891448,7.81172871 C10.4677343,7.52313087 10.1509989,7.31896632 9.73892929,7.19922892 C10.0310682,7.06721076 10.2624695,6.86918649 10.4331402,6.60515018 C10.6038108,6.34111386 10.6891448,6.05098528 10.6891448,5.73475574 C10.6891448,5.44308772 10.6199551,5.17982289 10.4815735,4.94495338 C10.3431919,4.71008387 10.1702175,4.52203757 9.96264509,4.38080884 C9.75507269,4.23958011 9.51982751,4.14670826 9.25690247,4.10219051 C8.99397744,4.05767276 8.59498316,4.03541422 8.05990765,4.03541422 L5.35686732,4.03541422 Z M6.72222558,5.15909804 L7.50638403,5.15909804 C8.14908967,5.15909804 8.53808988,5.1667734 8.67339633,5.18212435 C8.90095718,5.20975606 9.07239403,5.28881226 9.18771202,5.41929532 C9.30303002,5.54977839 9.36068815,5.71940382 9.36068815,5.92817673 C9.36068815,6.1461602 9.29380472,6.32192592 9.16003584,6.45547918 C9.02626697,6.58903243 8.84252971,6.6696237 8.60881857,6.69725541 C8.47966242,6.71260636 8.14908912,6.72028172 7.61708876,6.72028172 L6.72222558,6.72028172 L6.72222558,5.15909804 Z M6.72222558,7.84396554 L7.82466011,7.84396554 C8.44583972,7.84396554 8.84944666,7.87620205 9.03549303,7.94067603 C9.2215394,8.00515002 9.36376279,8.10799983 9.46216748,8.24922856 C9.56057217,8.39045729 9.60977378,8.56238533 9.60977378,8.76501785 C9.60977378,9.00449265 9.54596545,9.1956091 9.41834686,9.33837292 C9.29072828,9.48113674 9.12544163,9.57093844 8.92248196,9.60778072 C8.79025065,9.63541243 8.47812796,9.64922808 7.9861045,9.64922808 L6.72222558,9.64922808 L6.72222558,7.84396554 Z',
id: 'Combined-Shape',
fill: '#F5A977',
fillRule: 'nonzero'
})
)
);
}
}]);
return BronzeIcon;
}(_react.Component);
BronzeIcon.propTypes = {
width: _propTypes.PropTypes.string
};
BronzeIcon.defaultProps = {
width: '20px'
};
exports.default = BronzeIcon;