"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _tabs = require("../../../components/tabs");
var _flex = _interopRequireDefault(require("../../../components/templates/flex"));
var _mouse = _interopRequireDefault(require("./mouse"));
var _touch = _interopRequireDefault(require("./touch"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var StyledTabs = (0, _styledComponents["default"])(_tabs.Tabs).withConfig({
  displayName: "dashboard__StyledTabs",
  componentId: "sc-8t9551-0"
})(["width:100%;.tabs > *{min-width:initial;max-width:initial;}"]);
var Dashboard = function Dashboard() {
  return /*#__PURE__*/_react["default"].createElement(_flex["default"], {
    overflow: {
      vertical: "auto"
    },
    "data-testid": "dashboard"
  }, /*#__PURE__*/_react["default"].createElement(StyledTabs, null, /*#__PURE__*/_react["default"].createElement(_tabs.Tab, {
    label: "Using a Mouse"
  }, /*#__PURE__*/_react["default"].createElement(_mouse["default"], null)), /*#__PURE__*/_react["default"].createElement(_tabs.Tab, {
    label: "Using Touch"
  }, /*#__PURE__*/_react["default"].createElement(_touch["default"], null))));
};
var _default = exports["default"] = Dashboard;