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

Suomi.fi UI component library

import { __makeTemplateObject, __extends, __assign } from 'tslib';
import React from 'react';
import { styled } from 'styled-components';
import classnames from 'classnames';
import { IconToggle } from 'suomifi-icons';
import { baseStyles } from './ToggleIcon.baseStyles.js';
import { SuomifiThemeConsumer } from '../../../theme/SuomifiThemeProvider/SuomifiThemeProvider.js';
import '../../../theme/SuomifiTheme/SuomifiTheme.js';
import '../../../theme/SpacingProvider/SpacingProvider.js';

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

export { ToggleIcon };
//# sourceMappingURL=ToggleIcon.js.map