"use strict";

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

const tslib_1 = require("tslib");

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

const MaterialIcon_1 = require("../../../atoms/MaterialIcon");

const Button_1 = require("../../../atoms/Button");

const styleh_components_1 = require("styleh-components");

exports.StyledCloseButton = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  className: 'close-button-wrapper',
  children: react_1.default.createElement("div", null, react_1.default.createElement(MaterialIcon_1.MaterialIcon, {
    type: "close"
  })),
  'aria-label': 'Close Modal'
})`z-index:70;cursor:pointer;position:absolute;font-size:1.8em;top:-2rem;right:0;@media (max-width:767px){right:0.5rem;}will-change:transform;transform:translateY(110%);animation-name:closin;animation-delay:1s;animation-duration:1s;animation-fill-mode:forwards;`; //# sourceMappingURL=styled.js.map