import { tokens } from '@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 = 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 = tokens["timing-base"] / 1000;
const TRANSITION_DELAY_IN_SECONDS = tokens["timing-quick"] / 1000;

export { BREAKPOINTS as B, DATA_LIST_TITLE_CONTAINER_TEST_ID as D, EMPTY_FILTER_RESULTS_MESSAGE as E, SEARCH_DEBOUNCE_DELAY as S, TRANSITION_DURATION_IN_SECONDS as T, DATA_LIST_FILTERING_SPINNER_TEST_ID as a, DATA_LIST_STICKY_HEADER_TEST_ID as b, EMPTY_RESULTS_MESSAGE as c, EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR as d, TRANSITION_DELAY_IN_SECONDS as e, BREAKPOINT_SIZES as f, DATA_LOAD_MORE_TEST_ID as g, DATA_LIST_LOADING_MORE_SPINNER_TEST_ID as h };
