{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/components/nav-link.js\",\n    _s = $RefreshSig$();\n\nvar __jsx = React.createElement;\nimport NextLink from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport React, { forwardRef } from \"react\";\n\nvar NavLink = function NavLink(_ref) {\n  _s();\n\n  var children = _ref.children,\n      props = _objectWithoutProperties(_ref, [\"children\"]);\n\n  var router = useRouter();\n  var isActive = false;\n\n  if (router.pathname === props.href) {\n    isActive = true;\n  }\n\n  return __jsx(NextLink, _extends({}, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 5\n    }\n  }), typeof children === \"function\" ? children(isActive) : children);\n};\n\n_s(NavLink, \"fN7XvhJ+p5oE6+Xlo0NJmXpxjC8=\", false, function () {\n  return [useRouter];\n});\n\n_c = NavLink;\nexport var stringToUrl = function stringToUrl(str) {\n  var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : \"/\";\n  return \"\".concat(path).concat(str.toLowerCase().split(\" \").join(\"-\"));\n};\nexport var SideNavLink = forwardRef(_c2 = function _c2(_ref2, ref) {\n  var children = _ref2.children,\n      icon = _ref2.icon,\n      className = _ref2.className,\n      props = _objectWithoutProperties(_ref2, [\"children\", \"icon\", \"className\"]);\n\n  return __jsx(\"a\", _extends({\n    className: \"-mx-2 px-2 flex cursor-pointer outline-none leading-tight font-light text-gray-700 text-base \".concat(className),\n    ref: ref,\n    tabIndex: \"0\"\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 7\n    }\n  }), children);\n});\n_c3 = SideNavLink;\nexport var TopNavLink = forwardRef(_c4 = function _c4(_ref3, ref) {\n  var href = _ref3.href,\n      props = _objectWithoutProperties(_ref3, [\"href\"]);\n\n  return __jsx(NavLink, {\n    href: href,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 5\n    }\n  }, function (isActive) {\n    return __jsx(SideNavLink, _extends({\n      ref: ref,\n      style: {\n        transition: \"all .2s ease-in-out\"\n      },\n      \"aria-current\": isActive ? \"page\" : undefined,\n      className: isActive ? \"text-red-400 font-semibold\" : \"\"\n    }, isActive && {\n      color: \"teal.500\",\n      fontWeight: \"semibold\"\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 9\n      }\n    }));\n  });\n});\n_c5 = TopNavLink;\nexport var ComponentLink = forwardRef(_c6 = function _c6(_ref4, ref) {\n  var href = _ref4.href,\n      props = _objectWithoutProperties(_ref4, [\"href\"]);\n\n  return __jsx(NavLink, {\n    href: href,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 5\n    }\n  }, function (isActive) {\n    return __jsx(SideNavLink, _extends({\n      ref: ref,\n      \"aria-current\": isActive ? \"page\" : undefined\n    }, props, {\n      className: isActive ? \"text-red-400 font-normal \" : \"\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 9\n      }\n    }));\n  });\n});\n_c7 = ComponentLink;\n\nvar _c, _c2, _c3, _c4, _c5, _c6, _c7;\n\n$RefreshReg$(_c, \"NavLink\");\n$RefreshReg$(_c2, \"SideNavLink$forwardRef\");\n$RefreshReg$(_c3, \"SideNavLink\");\n$RefreshReg$(_c4, \"TopNavLink$forwardRef\");\n$RefreshReg$(_c5, \"TopNavLink\");\n$RefreshReg$(_c6, \"ComponentLink$forwardRef\");\n$RefreshReg$(_c7, \"ComponentLink\");","map":{"version":3,"sources":["/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/components/nav-link.js"],"names":["NextLink","useRouter","React","forwardRef","NavLink","children","props","router","isActive","pathname","href","stringToUrl","str","path","toLowerCase","split","join","SideNavLink","ref","icon","className","TopNavLink","transition","undefined","color","fontWeight","ComponentLink"],"mappings":"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","sourcesContent":["import NextLink from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport React, { forwardRef } from \"react\";\n\nconst NavLink = ({ children, ...props }) => {\n  const router = useRouter();\n  let isActive = false;\n\n  if (router.pathname === props.href) {\n    isActive = true;\n  }\n\n  return (\n    <NextLink {...props}>\n      {typeof children === \"function\" ? children(isActive) : children}\n    </NextLink>\n  );\n};\n\nexport const stringToUrl = (str, path = \"/\") => {\n  return `${path}${str\n    .toLowerCase()\n    .split(\" \")\n    .join(\"-\")}`;\n};\n\nexport const SideNavLink = forwardRef(\n  ({ children, icon, className, ...props }, ref) => {\n    return (\n      <a\n        className={`-mx-2 px-2 flex cursor-pointer outline-none leading-tight font-light text-gray-700 text-base ${className}`}\n        ref={ref}\n        tabIndex=\"0\"\n        {...props}\n      >\n        {children}\n      </a>\n    );\n  }\n);\n\nexport const TopNavLink = forwardRef(({ href, ...props }, ref) => {\n  return (\n    <NavLink href={href}>\n      {(isActive) => (\n        <SideNavLink\n          ref={ref}\n          style={{ transition: \"all .2s ease-in-out\" }}\n          aria-current={isActive ? \"page\" : undefined}\n          className={isActive ? \"text-red-400 font-semibold\" : \"\"}\n          {...(isActive && { color: \"teal.500\", fontWeight: \"semibold\" })}\n          {...props}\n        />\n      )}\n    </NavLink>\n  );\n});\n\nexport const ComponentLink = forwardRef(({ href, ...props }, ref) => {\n  return (\n    <NavLink href={href}>\n      {(isActive) => (\n        <SideNavLink\n          ref={ref}\n          aria-current={isActive ? \"page\" : undefined}\n          {...props}\n          className={isActive ? \"text-red-400 font-normal \" : \"\"}\n        />\n      )}\n    </NavLink>\n  );\n});\n"]},"metadata":{},"sourceType":"module"}