export const BreakpointKeys = ['default', 'S', 'M', 'L', 'XL'];
export const DefaultModalSize = {
  default: 200,
  S: 'min(calc(100vw - 32px), 480px)',
  M: 616,
  L: 820,
  XL: 1134,
};
// eslint-disable-next-line @typescript-eslint/typedef
export const Placements = ['top', 'left', 'bottom', 'right'];
// eslint-disable-next-line @typescript-eslint/typedef
export const Alignments = ['start', 'center', 'end'];
export const ItemToggleTransitionMillisecond = 1500;
// eslint-disable-next-line @typescript-eslint/typedef
export const FlexDirections = [
  'row',
  'col',
  'column',
  'row-reverse',
  'col-reverse',
  'column-reverse',
];
// eslint-disable-next-line @typescript-eslint/typedef
export const FlexAlignItem = ['start', 'center', 'end', 'baseline', 'stretch'];
// eslint-disable-next-line @typescript-eslint/typedef
export const FlexJustifyContent = [
  'start',
  'center',
  'end',
  'space-around',
  'space-between',
  'space-evenly',
];
// eslint-disable-next-line @typescript-eslint/typedef
export const GridJustifyItems = ['start', 'center', 'end', 'stretch'];
// eslint-disable-next-line @typescript-eslint/typedef
export const FlexWrap = ['nowrap', 'wrap', 'wrap-reverse'];
// eslint-disable-next-line @typescript-eslint/typedef
export const BoxDisplay = ['block', 'inline-block', 'none'];
// eslint-disable-next-line @typescript-eslint/typedef
export const BorderStyle = ['solid', 'dashed', 'dotted', 'double', 'none'];
// eslint-disable-next-line @typescript-eslint/typedef
export const TextAlign = ['start', 'end', 'left', 'right', 'center', 'justify'];
// eslint-disable-next-line @typescript-eslint/typedef
export const VegaNativeEventName = [
  'change',
  'click',
  'focus',
  'blur',
  'close',
  'modalOpen',
  'validate',
  'formSubmit',
  'formReset',
  'rowClick',
  'rowExpand',
  'selectChange',
  'selectAllChange',
  'pageSizeChange',
  'dropdownClick',
  'create',
  'search',
  'searchTrigger',
  'hide',
  'show',
  'popoverShow',
  'popoverHide',
  'cancel',
  'remove',
  'pageUpdate',
  'currentStepUpdate',
  'toggleStatus',
  'stateUpdate',
  'groupClick',
  'menuClick',
  'accordionExpand',
  'dropdownShow',
  'dropdownHide',
  'dropdownSearch',
  'actionClick',
  'eventClick',
  'dateDblClick',
  'dateClick',
  'countryChange',
  'actionButtonClick',
  'moreActionClick',
  'expand',
  'rowSelect',
  'rowSelectAll',
  'retry',
  'selectedFileChange',
  'preview',
  'labelButtonClick',
  'imageInserted',
  'reset',
  'eventPreviewShow',
  'monthYearChange',
  'complete',
  'paste',
  'clear',
  'periodChange',
  'selectionChange',
  'suggestionItemClick',
  'nativeInputChange',
  'sourceCodeChange',
  'rowDragDrop',
];
// eslint-disable-next-line @typescript-eslint/typedef
export const CssStates = ['default', 'hover', 'active', 'focus-visible'];
