suomifi-ui-components/dist/cjs/core/Form/Toggle/ToggleBase/ToggleIcon.js

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var React = require('react');
var styled = require('styled-components');
var classnames = require('classnames');
var suomifiIcons = require('suomifi-icons');
var ToggleIcon_baseStyles = require('./ToggleIcon.baseStyles.js');
var SuomifiThemeProvider = require('../../../theme/SuomifiThemeProvider/SuomifiThemeProvider.js');
require('../../../theme/SuomifiTheme/SuomifiTheme.js');
require('../../../theme/SpacingProvider/SpacingProvider.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);
var classnames__default = /*#__PURE__*/_interopDefault(classnames);

var iconBaseClassName = 'fi-toggle_icon';
var iconDisabledClassName = "".concat(iconBaseClassName, "--disabled");
var iconCheckedClassName = "".concat(iconBaseClassName, "--checked");
var StyledToggleIcon = styled.styled(function (props) {
  var _a;
  return /*#__PURE__*/React__default.default.createElement(suomifiIcons.IconToggle, {
    className: classnames__default.default(iconBaseClassName, props.className, (_a = {}, _a[iconDisabledClassName] = !!props.disabled, _a[iconCheckedClassName] = !!props.checked, _a))
  });
}).withConfig({
  componentId: "sc-odot9y-0"
})(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
  var theme = _a.theme;
  return ToggleIcon_baseStyles.baseStyles(theme);
});
var ToggleIcon = function (_super) {
  tslib.__extends(ToggleIcon, _super);
  function ToggleIcon() {
    return _super !== null && _super.apply(this, arguments) || this;
  }
  ToggleIcon.prototype.render = function () {
    var _this = this;
    return /*#__PURE__*/React__default.default.createElement(SuomifiThemeProvider.SuomifiThemeConsumer, null, function (_a) {
      var suomifiTheme = _a.suomifiTheme;
      return /*#__PURE__*/React__default.default.createElement(StyledToggleIcon, tslib.__assign({
        theme: suomifiTheme
      }, _this.props));
    });
  };
  return ToggleIcon;
}(React__default.default.Component);
var templateObject_1;

exports.ToggleIcon = ToggleIcon;
//# sourceMappingURL=ToggleIcon.js.map