"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _styles = require("@material-ui/core/styles");

var _classnames = _interopRequireDefault(require("classnames"));

var Anchor = (0, _styles.withStyles)(function (theme) {
  return {
    anchor: {
      cursor: 'pointer',
      width: '20px',
      height: '20px',
      position: 'absolute',
      borderRadius: '10px',
      backgroundColor: "var(--ruler-bg, ".concat(theme.palette.primary.contrastText, ")"),
      transition: 'background-color 200ms ease-in',
      border: "solid 1px var(--ruler-stroke, ".concat(theme.palette.primary.dark, ")"),
      '&:hover': {
        backgroundColor: "var(--ruler-bg-hover, ".concat(theme.palette.primary.light, ")")
      }
    }
  };
})(function (_ref) {
  var classes = _ref.classes,
      className = _ref.className;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _classnames["default"])(classes.anchor, className)
  });
});
var _default = Anchor;
exports["default"] = _default;
//# sourceMappingURL=anchor.js.map