'use strict';

var design = require('@jobber/design');

const EMPTY_RESULTS_MESSAGE = "List is looking empty";
const EMPTY_FILTER_RESULTS_MESSAGE = "No results for selected filters";
const EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR = "DataListEmptyState action prop must be a Button component";
/**
 * Breakpoints that we support
 */
const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl"];
const BREAKPOINT_SIZES = {
    xs: 0,
    sm: 490,
    md: 768,
    lg: 1080,
    xl: 1440,
};
const SEARCH_DEBOUNCE_DELAY = design.tokens["timing-slowest"];
const DATA_LIST_FILTERING_SPINNER_TEST_ID = "ATL-DataList-filteringSpinner";
const DATA_LIST_LOADING_MORE_SPINNER_TEST_ID = "ATL-DataList-loadingMoreSpinner";
const DATA_LOAD_MORE_TEST_ID = "ATL-DataList-LoadMore-trigger";
const DATA_LIST_STICKY_HEADER_TEST_ID = "ATL-DataList-stickyHeader";
const DATA_LIST_TITLE_CONTAINER_TEST_ID = "ATL-DataList-titleContainer";
const TRANSITION_DURATION_IN_SECONDS = design.tokens["timing-base"] / 1000;
const TRANSITION_DELAY_IN_SECONDS = design.tokens["timing-quick"] / 1000;

exports.BREAKPOINTS = BREAKPOINTS;
exports.BREAKPOINT_SIZES = BREAKPOINT_SIZES;
exports.DATA_LIST_FILTERING_SPINNER_TEST_ID = DATA_LIST_FILTERING_SPINNER_TEST_ID;
exports.DATA_LIST_LOADING_MORE_SPINNER_TEST_ID = DATA_LIST_LOADING_MORE_SPINNER_TEST_ID;
exports.DATA_LIST_STICKY_HEADER_TEST_ID = DATA_LIST_STICKY_HEADER_TEST_ID;
exports.DATA_LIST_TITLE_CONTAINER_TEST_ID = DATA_LIST_TITLE_CONTAINER_TEST_ID;
exports.DATA_LOAD_MORE_TEST_ID = DATA_LOAD_MORE_TEST_ID;
exports.EMPTY_FILTER_RESULTS_MESSAGE = EMPTY_FILTER_RESULTS_MESSAGE;
exports.EMPTY_RESULTS_MESSAGE = EMPTY_RESULTS_MESSAGE;
exports.EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR = EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR;
exports.SEARCH_DEBOUNCE_DELAY = SEARCH_DEBOUNCE_DELAY;
exports.TRANSITION_DELAY_IN_SECONDS = TRANSITION_DELAY_IN_SECONDS;
exports.TRANSITION_DURATION_IN_SECONDS = TRANSITION_DURATION_IN_SECONDS;
