const.js

export const DESKTOP_BREAKPOINT = "@media screen and (min-width: 880px)";

export const ROUTES = [
  { text: "Home", path: "/", anchors: ["Example", "Features"] },
  {
    text: "Getting Started",
    path: "/getting-started",
    anchors: [
      "With React",
      "With Fusion.js",
      "With Next.js",
      "With Gatsby",
      "With JavaScript"
    ]
  },
  {
    text: "Use with React",
    path: "/react",
    anchors: [
      "Motivation",
      "Styled Components",
      "Props Filtering",
      "$as prop",
      "$style prop",
      "useStyletron Hook",
      "Refs",
      "Composing Styles",
      "displayName",
      "Themes",
      "Testing",
      "Debugging"
    ]
  },
  {
    text: "Concepts",
    path: "/concepts",
    anchors: [
      "Style Object",
      "Style Function",
      "Media Queries And Pseudo Classes",
      "Selectors",
      "Fonts",
      "Keyframes",
      "Vendor Prefixes",
      "Pitfalls"
    ]
  },
  {
    text: "API",
    path: "/api-reference",
    anchors: [
      "styletron-engine-monolithic",
      "styletron-engine-atomic",
      "styled",
      "withStyle",
      "withTransform",
      "withWrapper",
      "Provider",
      "createStyled",
      "useStyletron"
    ]
  },
  { text: "GitHub", path: "https://github.com/styletron/styletron" }
];