react-burgers-classname/dist/types/arrow-alt.js

fork of: [https://react-burgers.netlify.com/](https://react-burgers.netlify.com/) with added support for own className

'use strict';

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _style = require('styled-jsx/style');

var _style2 = _interopRequireDefault(_style);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _base = require('../base');

var _base2 = _interopRequireDefault(_base);

var _defaultProps = require('../default-props');

var _defaultProps2 = _interopRequireDefault(_defaultProps);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var ArrowAlt = function (_React$Component) {
	(0, _inherits3.default)(ArrowAlt, _React$Component);

	function ArrowAlt() {
		(0, _classCallCheck3.default)(this, ArrowAlt);
		return (0, _possibleConstructorReturn3.default)(this, (ArrowAlt.__proto__ || Object.getPrototypeOf(ArrowAlt)).apply(this, arguments));
	}

	(0, _createClass3.default)(ArrowAlt, [{
		key: 'render',
		value: function render() {
			var width = this.props.width;


			return _react2.default.createElement(
				_base2.default,
				(0, _extends3.default)({ typeClassName: 'BurgerArrowAlt' }, this.props),
				_react2.default.createElement(_style2.default, {
					styleId: '2121670619',
					css: '.BurgerArrowAlt .BurgerInner:before{-webkit-transition:top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165,0.84,0.44,1);transition:top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165,0.84,0.44,1);}.BurgerArrowAlt .BurgerInner:after{-webkit-transition:bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165,0.84,0.44,1);transition:bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165,0.84,0.44,1);}.BurgerArrowAlt.BurgerActive .BurgerInner:before{top:0;-webkit-transform:translate3d(' + width * -0.2 + 'px,' + width * -0.25 + 'px,0) rotate(-45deg) scale(0.7,1);-ms-transform:translate3d(' + width * -0.2 + 'px,' + width * -0.25 + 'px,0) rotate(-45deg) scale(0.7,1);transform:translate3d(' + width * -0.2 + 'px,' + width * -0.25 + 'px,0) rotate(-45deg) scale(0.7,1);-webkit-transition:top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);-webkit-transition:top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);transition:top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);}.BurgerArrowAlt.BurgerActive .BurgerInner:after{bottom:0;-webkit-transform:translate3d(' + width * -0.2 + 'px,' + width * 0.25 + 'px,0) rotate(45deg) scale(0.7,1);-ms-transform:translate3d(' + width * -0.2 + 'px,' + width * 0.25 + 'px,0) rotate(45deg) scale(0.7,1);transform:translate3d(' + width * -0.2 + 'px,' + width * 0.25 + 'px,0) rotate(45deg) scale(0.7,1);-webkit-transition:bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);-webkit-transition:bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);transition:bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9hcnJvdy1hbHQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3VCLEFBSTBELEFBSUEsQUFJMUMsQUFPRyxNQU42RyxHQU9ELHlQQWZ2SCxTQUlBLGdHQU02RCxBQU9BLDhRQU41RCxTQU9BIiwiZmlsZSI6Ii4uLy4uL3NyYy90eXBlcy9hcnJvdy1hbHQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCBCYXNlIGZyb20gJy4uL2Jhc2UnXG5pbXBvcnQgZGVmYXVsdFByb3BzIGZyb20gJy4uL2RlZmF1bHQtcHJvcHMnXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEFycm93QWx0IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50e1xuXHRyZW5kZXIoKXtcblx0XHRsZXQgeyB3aWR0aCB9ID0gdGhpcy5wcm9wc1xuXG5cdFx0cmV0dXJuIChcblx0XHRcdDxCYXNlIHR5cGVDbGFzc05hbWU9J0J1cmdlckFycm93QWx0JyB7Li4udGhpcy5wcm9wc30+XG5cdFx0XHRcdDxzdHlsZSBqc3ggZ2xvYmFsPntgXG5cdFx0XHRcdFx0LkJ1cmdlckFycm93QWx0e1xuXG5cdFx0XHRcdFx0XHQuQnVyZ2VySW5uZXIge1xuXHRcdFx0XHRcdFx0XHQmOmJlZm9yZSB7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogdG9wIDAuMXMgMC4xcyBlYXNlLFxuXHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybSAwLjFzIGN1YmljLWJlemllcigwLjE2NSwgMC44NCwgMC40NCwgMSk7XG5cdFx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0XHQmOmFmdGVyIHtcblx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiBib3R0b20gMC4xcyAwLjFzIGVhc2UsXG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtIDAuMXMgY3ViaWMtYmV6aWVyKDAuMTY1LCAwLjg0LCAwLjQ0LCAxKTtcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHQmLkJ1cmdlckFjdGl2ZSB7XG5cdFx0XHRcdFx0XHRcdC5CdXJnZXJJbm5lciB7XG5cdFx0XHRcdFx0XHRcdFx0JjpiZWZvcmUge1xuXHRcdFx0XHRcdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgke3dpZHRoICogLTAuMn1weCwgJHt3aWR0aCAqIC0wLjI1fXB4LCAwKSByb3RhdGUoLTQ1ZGVnKSBzY2FsZSgwLjcsIDEpO1xuXHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogdG9wIDAuMXMgZWFzZSxcblx0XHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtIDAuMXMgMC4xcyBjdWJpYy1iZXppZXIoMC44OTUsIDAuMDMsIDAuNjg1LCAwLjIyKTtcblx0XHRcdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdFx0XHQmOmFmdGVyIHtcblx0XHRcdFx0XHRcdFx0XHRcdGJvdHRvbTogMDtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoJHt3aWR0aCAqIC0wLjJ9cHgsICR7d2lkdGggKiAwLjI1fXB4LCAwKSByb3RhdGUoNDVkZWcpIHNjYWxlKDAuNywgMSk7XG5cdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiBib3R0b20gMC4xcyBlYXNlLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4xcyAwLjFzIGN1YmljLWJlemllcigwLjg5NSwgMC4wMywgMC42ODUsIDAuMjIpO1xuXHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0YH08L3N0eWxlPlxuXHRcdFx0PC9CYXNlPlxuXHRcdClcblx0fVxufVxuXG5BcnJvd0FsdC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHMiXX0= */\n/*@ sourceURL=../../src/types/arrow-alt.js */',
					dynamic: [width * -0.2, width * -0.25, width * -0.2, width * 0.25]
				})
			);
		}
	}]);
	return ArrowAlt;
}(_react2.default.Component);

exports.default = ArrowAlt;


ArrowAlt.defaultProps = _defaultProps2.default;
module.exports = exports['default'];
//# sourceMappingURL=arrow-alt.js.map