import { jsx as _jsx } from "react/jsx-runtime";
import styled from "styled-components";
const Wrapper = styled.div `
  width: ${(props) => props?.width ?? 356}px;
  min-height: ${(props) => props?.height ?? 80}px;
  border-radius: 2px;
  padding: 16px 25px;
  position: ${(props) => (props?.fixed ? "fixed" : "absolute")};
  top: ${(props) => props?.top ?? 40}px;
  ${(props) => Number.isFinite(props?.left) ? `left: ${props?.left}px;` : "right: 0;"}
  z-index: 100;
  text-align: center;
  background: ${process.env.REACT_APP_THEME === "Genshiro"
    ? "#ECE3D0"
    : "#CCDAE9"};

  ::after {
    content: "";
    z-index: -1;
    height: 25px;
    width: 25px;
    position: absolute;
    ${(props) => (props?.top != null ? "bottom" : "top")}: -7px;
    ${(props) => Number.isFinite(props?.left) ? "left: 26px;" : "right: 26px;"}
    transform: rotate(45deg);
    background: ${process.env.REACT_APP_THEME === "Genshiro"
    ? "#ECE3D0"
    : "#CCDAE9"};
  }
`;
export const SimpleTooltip = ({ children, top, left, width, fixed, }) => (_jsx(Wrapper, { width: width ?? 146, height: 45, top: top, left: left, fixed: fixed, children: children }));
//# sourceMappingURL=styled.js.map