export default [
  {
    name: 'Types',
    examples: [
      {
        name: 'Comments',
        description: 'A basic list of comments',
        file: 'Comment',
      },
    ],
  },
  {
    name: 'States',
    examples: [
      {
        name: 'Collapsed',
        description: 'Comments can be collapsed, or hidden from view',
        file: 'Collapsed',
      },
    ],
  },
  {
    name: 'Variations',
    examples: [
      {
        name: 'Threaded',
        description:
          'A comment list can be threaded to showing the relationship between conversations',
        file: 'Threaded',
      },
      {
        name: 'Minimal',
        description:
          'Comments can hide extra information unless a user shows intent to interact with a comment',
        file: 'Minimal',
      },
      {
        name: 'Size',
        description: 'Comments can have different sizes',
        file: 'Size',
      },
    ],
  },
];
