import Component from '@ember/component';
import layout from './template';

const headers = [
  {
    name:           'state',
    sort:           ['hasProject', 'sortState', 'displayName'],
    searchField:    'displayState',
    translationKey: 'generic.state',
    width:          120,
  },
  {
    name:           'name',
    sort:           ['hasProject', 'displayName'],
    searchField:    ['displayName'],
    translationKey: 'projectsPage.name.label',
  },
  {
    name:           'created',
    sort:           ['hasProject', 'createdTs', ' id'],
    translationKey: 'projectsPage.created.label',
    width:          200,
  },
];

export default Component.extend({
  layout,
  headers,
  tagName: '',
  sortBy:  'name',
});