export const TABLE_REDUX_FIELD_NAME = 'commonTable';
export const ROWS_PER_PAGE_DEFAULT = 15;
export const TABLE_SORT_BY = 'updatedAt';
export const SEARCH_TEXT_MAX_LENGTH = 100;

export const TABLE_HEADERS = [
  {
    id: 'name',
    label: 'Name',
    width: '200',
    sortable: true,
  },
  {
    id: 'url',
    label: 'Tag URL',
    width: '200',
  },
  {
    id: 'placementId',
    label: 'Type',
    width: '200',
  },
  {
    id: 'macro',
    label: 'Macros',
    width: '200',
    align: 'center',
  },
  {
    id: 'status',
    label: 'Status',
    width: '200',
  },
  {
    id: 'comments',
    label: 'Comments',
    width: '200',
  },
  {
    id: 'updatedBy',
    label: 'Updated By',
    width: '200',
  },
  {
    id: 'updatedAt',
    label: 'Updated At',
    width: '200',
    sortable: true,
  },
];

// Status Select
export const STATUSES_ALL = null;
export const STATUSES_ACTIVE = 1;
export const STATUSES_INACTIVE = 0;

export const STATUSES_OPTIONS = [
  { label: 'Active', value: STATUSES_ACTIVE },
  { label: 'Inactive', value: STATUSES_INACTIVE },
];

// Type Select
export const TYPE_ALL = 'all';
export const TYPE_VIDEO = 1;
export const TYPE_DISPLAY = 2;
export const TYPE_DISPLAY_FALLBACK = 3;

export const TYPES_OPTIONS = [
  { label: 'All Types', value: TYPE_ALL },
  { label: 'Video', value: TYPE_VIDEO },
  { label: 'Display', value: TYPE_DISPLAY },
  { label: 'Display Fallback', value: TYPE_DISPLAY_FALLBACK },
];
