"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const utils_1 = require("@skava/utils");

const styled_1 = require("../styled");

const fixture_1 = require("../fixture");

const fixture_2 = require("../fixture");
/**
 * @todo use styled-components react transitions
 */


function renderTransition(props) {
  const passthroughProps = utils_1.omit(props, fixture_2.IGNORED_PROPS_LIST);

  const transitionRenderProp = state => {
    console.debug('[Overlay] rendering transition');
    const style = Object.assign({}, fixture_1.defaultStyle, fixture_1.transitionStyles[state]);
    return react_1.default.createElement(styled_1.OverlayTint, Object.assign({}, passthroughProps, {
      style: style,
      key: "tint"
    }));
  };

  return transitionRenderProp;
}

exports.renderTransition = renderTransition; //# sourceMappingURL=renderProps.js.map