"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TimeRangeSelector = void 0;

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _timeRangeItem = require("./components/time-range-item.component");

var _primitives = require("../../primitives");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var Container = (0, _styledComponents["default"])(_primitives.Box).withConfig({
  displayName: "Container",
  componentId: "g0ju1g-0"
})(["position:relative;"]);
var defaultSpacing = ['pv2', 'ph3'];

var TimeRangeSelector = function TimeRangeSelector(_ref) {
  var options = _ref.options,
      value = _ref.value,
      spacing = _ref.spacing,
      _ref$fontSize = _ref.fontSize,
      fontSize = _ref$fontSize === void 0 ? 'f1' : _ref$fontSize,
      onChange = _ref.onChange,
      className = _ref.className,
      dataQa = _ref['data-qa'],
      dataCy = _ref['data-cy'],
      id = _ref.id,
      rest = _objectWithoutProperties(_ref, ["options", "value", "spacing", "fontSize", "onChange", "className", "data-qa", "data-cy", "id"]);

  return /*#__PURE__*/_react["default"].createElement(Container, _extends({
    stacked: "row",
    align: "center",
    justify: "space-between",
    spacing: spacing !== null && spacing !== void 0 ? spacing : defaultSpacing,
    className: className,
    "data-cy": dataCy,
    "data-qa": dataQa,
    id: id
  }, rest), options.map(function (option) {
    return /*#__PURE__*/_react["default"].createElement(_timeRangeItem.TimeRangeItem, {
      key: option.value,
      value: option.value,
      selected: option.value === value,
      onClick: onChange,
      label: option.label,
      fontSize: fontSize
    });
  }));
};

exports.TimeRangeSelector = TimeRangeSelector;
TimeRangeSelector.displayName = 'TimeRangeSelector';