"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const omit_1 = require("@skava/modules/___dist/utils/omit");
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 = omit_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