@algolia/satellite 1.0.0-v3.99 → 1.0.0

package/Sidebar/components/SidebarHeader.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SidebarHeader = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-var _SidebarContext = require("../SidebarContext");
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n        h-10 pl-8\n        flex items-center\n        display-subheading uppercase\n        ", "\n        ", "\n      "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var SidebarHeader = function SidebarHeader(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      headingProps = (0, _objectWithoutProperties2["default"])(_ref, ["className", "children"]);
-
-  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
-      variant = _useSidebarContext.variant,
-      collapsed = _useSidebarContext.collapsed;
-
-  return _react["default"].createElement("h3", (0, _extends2["default"])({}, headingProps, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject(), variant === "dark" ? "text-white" : "text-grey-900", collapsed && "invisible overflow-hidden"), className)
-  }), children);
-};
-
-exports.SidebarHeader = SidebarHeader;
-var _default = SidebarHeader;
-exports["default"] = _default;

package/Sidebar/components/SidebarLink.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import matchLocation from "../../utils/matchLocation";
-import IconComponentType from "../../utils/icon";
-export interface SidebarLinkProps extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
-    icon?: IconComponentType;
-    active?: typeof matchLocation | boolean;
-}
-export declare const SidebarLink: ({ className, children, active, icon: Icon, ...anchorProps }: SidebarLinkProps) => JSX.Element;
-export default SidebarLink;

package/Sidebar/components/SidebarLink.js

@@ -1,130 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SidebarLink = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _useLocation2 = _interopRequireDefault(require("react-use/lib/useLocation"));
-
-var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
-
-var _matchLocation = _interopRequireDefault(require("../../utils/matchLocation"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-var _SidebarContext = require("../SidebarContext");
-
-var _Tooltip = require("../../Tooltip");
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate ", ""]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n            flex-shrink-0\n            ml-1 mr-2 h-6 w-6\n            flex items-center justify-center\n            text-inherit rounded\n            ", "\n          "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["sidebar-link display-body\n          ", "\n          ", "\n        "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["w-full"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var ALLOW_OVERFLOW_MODIFIER = {
-  preventOverflow: {
-    enabled: false
-  }
-};
-
-var IdentityWrapper = function IdentityWrapper(_ref) {
-  var children = _ref.children;
-  return _react["default"].createElement(_react["default"].Fragment, null, children);
-};
-
-var TooltipWrapperAllowOverflow = function TooltipWrapperAllowOverflow(props) {
-  return _react["default"].createElement(_Tooltip.TooltipWrapper, (0, _extends2["default"])({}, props, {
-    modifiers: ALLOW_OVERFLOW_MODIFIER
-  }));
-};
-
-var SidebarLink = function SidebarLink(_ref2) {
-  var className = _ref2.className,
-      children = _ref2.children,
-      _ref2$active = _ref2.active,
-      active = _ref2$active === void 0 ? _matchLocation["default"] : _ref2$active,
-      Icon = _ref2.icon,
-      anchorProps = (0, _objectWithoutProperties2["default"])(_ref2, ["className", "children", "active", "icon"]);
-
-  var _useLocation = (0, _useLocation2["default"])(),
-      _useLocation$pathname = _useLocation.pathname,
-      pathname = _useLocation$pathname === void 0 ? "" : _useLocation$pathname;
-
-  var satelliteLinkProps = (0, _useLinkProps["default"])(anchorProps);
-
-  var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
-      variant = _useSidebarContext.variant,
-      collapsed = _useSidebarContext.collapsed;
-
-  var showActive = Boolean(anchorProps.href && typeof active === "function" ? active(anchorProps.href, {
-    pathname: pathname
-  }) : active);
-  var activeIconBackground = variant === "light" ? "bg-accent-200" : "bg-grey-800";
-  var Wrapper = collapsed ? TooltipWrapperAllowOverflow : IdentityWrapper;
-  return _react["default"].createElement(Wrapper, {
-    wrapperClassName: (0, _satellitePrefixer["default"])(_templateObject()),
-    content: children,
-    tooltipVariant: "light",
-    placement: "right"
-  }, _react["default"].createElement("a", (0, _extends2["default"])({}, anchorProps, satelliteLinkProps, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2(), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className)
-  }), Icon && _react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject3(), showActive && activeIconBackground)
-  }, _react["default"].createElement(Icon, {
-    size: "1rem"
-  })), !collapsed && _react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject4(), !Icon && "ml-2")
-  }, children)));
-};
-
-exports.SidebarLink = SidebarLink;
-var _default = SidebarLink;
-exports["default"] = _default;

package/Sidebar/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./Sidebar";
-export * from "./types";
-export * from "./SidebarContext";
-export * from "./components/SidebarLink";
-export * from "./components/SidebarHeader";
-export { default } from "./Sidebar";

package/Sidebar/index.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Sidebar["default"];
-  }
-});
-
-var _Sidebar = _interopRequireWildcard(require("./Sidebar"));
-
-Object.keys(_Sidebar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Sidebar[key];
-    }
-  });
-});
-
-var _types = require("./types");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _types[key];
-    }
-  });
-});
-
-var _SidebarContext = require("./SidebarContext");
-
-Object.keys(_SidebarContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SidebarContext[key];
-    }
-  });
-});
-
-var _SidebarLink = require("./components/SidebarLink");
-
-Object.keys(_SidebarLink).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SidebarLink[key];
-    }
-  });
-});
-
-var _SidebarHeader = require("./components/SidebarHeader");
-
-Object.keys(_SidebarHeader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SidebarHeader[key];
-    }
-  });
-});

package/Sidebar/types.d.ts

@@ -1,2 +0,0 @@
-export declare type SidebarVariant = "dark" | "light";
-export declare type SidebarCollapsed = boolean;

package/Sidebar/types.js

@@ -1 +0,0 @@
-"use strict";

package/Table/Table.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-export interface TableProps extends React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
-    footer?: React.ReactNode;
-    smallFooter?: boolean;
-    hasActions?: boolean;
-}
-/**
- * Data tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
- *
- * #### Do
- *
- * - Organize columns and rows based on the needs of your users. To help people read the table, order the columns by importance from left to right, with the key pieces of content opening the row
- * - Include units of measurement symbols in the header so you don't need to repeat them throughout the columns
- * - Indicate sorting capabilities of a column with a chevron in the cell header
- * - Start by columns with highest value to the user, and continue with less important ones
- *
- * #### Do not
- *
- * - Center align text in cells
- *
- * ## Best practices
- *
- * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
- * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
- */
-export declare const Table: ({ className, footer, smallFooter, hasActions, ...props }: TableProps) => JSX.Element;
-export default Table;

package/Table/Table.js

@@ -1,101 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Table = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["table-footer ", ""]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["table ", ""]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["overflow-x-auto"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["table-wrapper rounded text-grey-900 bg-white display-body"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-/**
- * Data tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
- *
- * #### Do
- *
- * - Organize columns and rows based on the needs of your users. To help people read the table, order the columns by importance from left to right, with the key pieces of content opening the row
- * - Include units of measurement symbols in the header so you don't need to repeat them throughout the columns
- * - Indicate sorting capabilities of a column with a chevron in the cell header
- * - Start by columns with highest value to the user, and continue with less important ones
- *
- * #### Do not
- *
- * - Center align text in cells
- *
- * ## Best practices
- *
- * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
- * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
- */
-var Table = function Table(_ref) {
-  var className = _ref.className,
-      footer = _ref.footer,
-      _ref$smallFooter = _ref.smallFooter,
-      smallFooter = _ref$smallFooter === void 0 ? false : _ref$smallFooter,
-      hasActions = _ref.hasActions,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["className", "footer", "smallFooter", "hasActions"]);
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className)
-  }, _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2())
-  }, _react["default"].createElement("table", (0, _extends2["default"])({}, props, {
-    className: (0, _satellitePrefixer["default"])(_templateObject3(), hasActions && "table-with-actions")
-  }))), footer && _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject4(), smallFooter && "table-footer-small")
-  }, footer));
-};
-
-exports.Table = Table;
-var _default = Table;
-exports["default"] = _default;

package/Table/Table.tailwind.d.ts

@@ -1,5 +0,0 @@
-export = tablePlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const tablePlugin: import('../tailwind-types').TailwindPlugin;

package/Table/Table.tailwind.js

@@ -1,55 +0,0 @@
-"use strict";
-
-// @ts-check
-var rgba = require("../styles/rgba"); // purgecss whitelist: th, td, tr
-
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var tablePlugin = function tablePlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".table-wrapper": {
-      border: "1px solid ".concat(theme("colors.grey.200"))
-    },
-    ".table": {
-      width: "100%",
-      borderCollapse: "collapse",
-      textAlign: "left",
-      "th, td": {
-        padding: "14px 16px"
-      },
-      th: {
-        borderBottom: "1px solid ".concat(theme("colors.grey.200")),
-        fontWeight: "normal"
-      },
-      "tr:not(:last-child) td": {
-        borderBottom: "1px solid ".concat(theme("colors.grey.100"))
-      },
-      "tr:hover td": {
-        backgroundColor: rgba(theme("colors.grey.100"), 0.6)
-      }
-    },
-    ".table-with-actions": {
-      "th:last-of-type, td:last-of-type": {
-        textAlign: "right"
-      }
-    },
-    ".table-footer": {
-      backgroundColor: theme("colors.grey.100"),
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      color: theme("colors.grey.600"),
-      padding: "12px 16px"
-    },
-    ".table-footer-small": {
-      padding: "4px 16px"
-    }
-  });
-};
-
-module.exports = tablePlugin;

package/Table/index.d.ts

@@ -1,3 +0,0 @@
-import Table from "./Table";
-export * from "./Table";
-export default Table;

package/Table/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _Table = _interopRequireWildcard(require("./Table"));
-
-Object.keys(_Table).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Table[key];
-    }
-  });
-});
-var _default = _Table["default"];
-exports["default"] = _default;

package/Tabs/ContentTabs.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ContentTabsProps } from "./types";
-export declare const ContentTabs: ({ className, tabs, tabIndex, defaultIndex, onChange }: ContentTabsProps) => JSX.Element;
-export default ContentTabs;

package/Tabs/ContentTabs.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ContentTabs = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _tabs = require("@reach/tabs");
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _Badge = _interopRequireDefault(require("../Badge"));
-
-var _utils = require("./utils");
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["ml-2 text-grey-600"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mr-6"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tab inline-flex no-underline pb-3 text-base leading-sm hover:no-underline"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["tabs-tabbar flex overflow-x-auto whitespace-no-wrap"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var ContentTabs = function ContentTabs(_ref) {
-  var _ref2;
-
-  var className = _ref.className,
-      tabs = _ref.tabs,
-      tabIndex = _ref.tabIndex,
-      defaultIndex = _ref.defaultIndex,
-      onChange = _ref.onChange;
-
-  var _useState = (0, _react.useState)((_ref2 = tabIndex !== null && tabIndex !== void 0 ? tabIndex : defaultIndex) !== null && _ref2 !== void 0 ? _ref2 : 0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      internalTabIndex = _useState2[0],
-      setInternalTabIndex = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    if (tabIndex !== undefined && internalTabIndex !== tabIndex) {
-      setInternalTabIndex(tabIndex);
-    }
-  }, [internalTabIndex, tabIndex]);
-
-  var handleTabsChange = function handleTabsChange(tabIndex) {
-    if (tabIndex !== undefined && onChange) {
-      onChange(tabIndex);
-    } else {
-      setInternalTabIndex(tabIndex);
-    }
-  };
-
-  return _react["default"].createElement(_tabs.Tabs, {
-    index: internalTabIndex,
-    onChange: handleTabsChange,
-    defaultIndex: internalTabIndex
-  }, _react["default"].createElement(_tabs.TabList, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className)
-  }, tabs.map(function (_ref3, index) {
-    var _ref3$variant = _ref3.variant,
-        variant = _ref3$variant === void 0 ? "accent" : _ref3$variant,
-        className = _ref3.className,
-        disabled = _ref3.disabled,
-        label = _ref3.label,
-        value = _ref3.value;
-    var isLast = index === tabs.length - 1;
-    return _react["default"].createElement(_tabs.Tab, {
-      key: index,
-      className: (0, _classnames["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject2()), !isLast && (0, _satellitePrefixer["default"])(_templateObject3()), className),
-      disabled: disabled
-    }, label, value && _react["default"].createElement(_Badge["default"], {
-      size: "small",
-      variant: variant,
-      className: (0, _satellitePrefixer["default"])(_templateObject4())
-    }, value));
-  })), _react["default"].createElement(_tabs.TabPanels, null, tabs.map(function (_ref4, index) {
-    var content = _ref4.content;
-    return _react["default"].createElement(_tabs.TabPanel, {
-      key: index
-    }, content);
-  })));
-};
-
-exports.ContentTabs = ContentTabs;
-var _default = ContentTabs;
-exports["default"] = _default;

package/Tabs/LinkTabs.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { LinkTabsProps, UrlMatcher } from "./types";
-export declare const defaultUrlMatcher: UrlMatcher;
-/**
- * Tabs are an easy way to organize content by grouping similar information on the same page. Use them to help users navigate between related views within the same context, especially when the number of views may be more than 3.
- *
- * #### 3 core elements
- * - **Selected**: currently active tab
- * - **Unselected**: other available tabs
- * - **Divider**: separates the tab navigation and content
- *
- * #### With badges
- * Use when you have to indicate the number of performed actions or operations as well as their status, e.g. success, error, failure
- *
- * ## Content guidelines
- * - Make them clear to help differentiate the sections beneath
- * - Write short tab labels and use plain language, rather than made-up terms. Tab labels should usually be 1–2 words
- * - Do not use ALL CAPS for tab labels. ALL CAPS is rarely a good idea because it's harder to read
- *
- * ## Usability best practices
- * #### Do
- * - Use tabs to alternate between views within the same context
- * - Logically chunk the content behind the tabs so users can easily predict what they'll find when they select a given tab
- * - Use tabs only when users don't need to see content from multiple tabs simultaneously or compare the info behind different tabs
- *
- * #### Do not
- * - Use tabs to navigate to different context areas
- * - Use tabs for primary navigation
- * - Use more than one row of tabs. Multiple rows create jumping UI elements, which make it impossible for users to remember which tabs they've already visited
- * - Place the tab on the sides or bottom of the page, where users often overlook them
- */
-export declare const LinkTabs: ({ className, tabs, onTabClick, urlMatcher }: LinkTabsProps) => JSX.Element;
-export default LinkTabs;