"use strict";

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

const tslib_1 = require("tslib");

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

const Icons_1 = require("../../../atoms/Icons");

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(Icons_1.CloseIcon, null),
  '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;.close-icon-svg{width:1.125rem;height:1.125rem;}.close-svg-parts{fill:var(--color-pure-white);stroke:#767676;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2px;}`; //# sourceMappingURL=styled.js.map