{"size": 1929, "ext": "js", "max_stars_repo_path": "studio/node_modules/@sanity/ui/dist/es/primitives/popover/arrow.js", "max_stars_repo_name": "liammews/Briefrr", "max_stars_repo_stars_event_min_datetime": "2021-04-18T02:46:41.000Z", "max_stars_repo_stars_event_max_datetime": "2021-04-18T02:46:41.000Z", "max_issues_repo_path": "studio/node_modules/@sanity/ui/dist/es/primitives/popover/arrow.js", "max_issues_repo_name": "liammews/Briefrr", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "studio/node_modules/@sanity/ui/dist/es/primitives/popover/arrow.js", "max_forks_repo_name": "liammews/Briefrr", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 32.15, "max_line_length": 415, "alphanum_fraction": 0.6376360809}
import React, { forwardRef } from 'react';
import styled from 'styled-components';
const Root = styled.div `
  position: absolute;
  pointer-events: none;
  width: 27px;
  height: 27px;
  fill: none;

  :empty + & {
    display: none;
  }

  & > svg {
    display: block;
    transform-origin: 13.5px 13.5px;
  }

  [data-popper-placement^='top'] > div > & {
    bottom: -27px;
  }

  [data-popper-placement^='right'] > div > & {
    left: -27px;

    & > svg {
      transform: rotate(90deg);
    }
  }

  [data-popper-placement^='left'] > div > & {
    right: -27px;

    & > svg {
      transform: rotate(-90deg);
    }
  }

  [data-popper-placement^='bottom'] > div > & {
    top: -27px;

    & > svg {
      transform: rotate(180deg);
    }
  }
`;
const BorderPath = styled.path `
  fill: var(--card-shadow-outline-color);
`;
const ShapePath = styled.path `
  fill: var(--card-bg-color);
`;
export const PopoverArrow = forwardRef((props, ref) => {
    return (React.createElement(Root, Object.assign({ "data-ui": "PopoverArrow" }, props, { ref: ref }),
        React.createElement("svg", { width: "27", height: "11", viewBox: "0 0 27 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
            React.createElement(BorderPath, { d: "M1.18708 1C3.29803 1.0011 5.29585 1.95479 6.62414 3.59561L11.1683 9.20895C12.369 10.6922 14.631 10.6922 15.8317 9.20894L20.3759 3.59561C21.7042 1.95478 23.702 1.0011 25.8129 1H21.9436C21.0533 1.49255 20.2545 2.15618 19.5986 2.96641L15.0545 8.57975C14.254 9.56855 12.746 9.56855 11.9455 8.57975L7.40139 2.96642C6.74548 2.15618 5.94673 1.49255 5.05643 1H1.18708Z" }),
            React.createElement(ShapePath, { d: "M1.18342 0C3.59749 0 5.88246 1.0901 7.40138 2.96642L11.9455 8.57975C12.746 9.56855 14.254 9.56855 15.0545 8.57975L19.5986 2.96641C21.1175 1.0901 23.4025 0 25.8166 0H27H0H1.18342Z" }))));
});
PopoverArrow.displayName = 'PopoverArrow';
//# sourceMappingURL=arrow.js.map