TableExampleStatic.shorthand.tsx

import * as React from 'react';
import { Table } from '@fluentui/react-northstar';

const header = {
  items: ['id', 'Name', 'Picture', 'Age'],
};
const rows = [
  {
    key: 1,
    items: ['1', 'Roman van von der Longername', 'None', '30 years'],
  },
  {
    key: 2,
    items: ['2', 'Alex', 'None', '1 year'],
  },
  {
    key: 3,
    items: ['3', 'Ali', 'None', '30000000000000 years'],
  },
];

const TableExampleStaticShorthand = () => <Table header={header} rows={rows} aria-label="Static table" />;

export default TableExampleStaticShorthand;