"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _styledComponents = require("styled-components");

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Container = _styledComponents2.default.div.withConfig({
  displayName: "DropdownTip__Container"
})(["left:0;top:", "px;transform:translateX(", "px) translateY(", "px);transition:all 0.35s ease-in-out;position:absolute;z-index:1001;"], function (props) {
  return props.dropdownTop;
}, function (props) {
  return props.x;
}, function (props) {
  return props.y;
});

var DropdownTip = _styledComponents2.default.div.withConfig({
  displayName: "DropdownTip"
})(["height:1.25rem;width:1.25rem;background-color:#fff;transform:rotate(45deg);border-radius:var(--smBorderRadius);"]);

var DropdownTipContainer = function DropdownTipContainer(props) {
  return _react2.default.createElement(
    Container,
    { dropdownTop: props.dropdownTop, x: props.x, y: props.y },
    _react2.default.createElement(DropdownTip, null)
  );
};

exports.default = DropdownTipContainer;