@geezee/react-ui/esm/modal/modal-icon.js

Modern and minimalist React UI library.

import _JSXStyle from "styled-jsx/style";
import React from 'react';
import { X } from '@zeit-ui/react-icons';
import withDefaults from '../utils/with-defaults';
import useTheme from '../styles/use-theme';
var defaultProps = {
  size: 14
};

var ModalIcon = function ModalIcon(_ref) {
  var size = _ref.size,
      color = _ref.color,
      onClick = _ref.onClick;

  var clickHandler = function clickHandler(event) {
    onClick && onClick(event);
  };

  var theme = useTheme();
  return /*#__PURE__*/React.createElement("div", {
    onClick: clickHandler,
    className: _JSXStyle.dynamic([["918461441", [theme.layout.gap, theme.layout.gap]]]) + " " + "close"
  }, /*#__PURE__*/React.createElement(X, {
    size: size,
    color: color
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "918461441",
    dynamic: [theme.layout.gap, theme.layout.gap]
  }, ".close.__jsx-style-dynamic-selector{position:absolute;right:".concat(theme.layout.gap, ";top:").concat(theme.layout.gap, ";cursor:pointer;}")));
};

var MemoModalIcon = React.memo(ModalIcon);
export default withDefaults(MemoModalIcon, defaultProps);