How to use @pluralsight/ps-design-system-emptystate - 4 common examples

get names() {
    return Object.values(EmptyState.Illustration.names)
  }

])
          ],
          'EmptyState.Heading': [
            PropTypes.row([
              'as',
              null,
              null,
              <code>h1</code>,
              'heading tagName'
            ])
          ],
          'EmptyState.Illustration': [
            PropTypes.row([
              'name',
              PropTypes.union(EmptyState.Illustration.names),
              true,
              null,
              <span>
                the illustration name (from <code>Illustration.names</code>)
              </span>
            ])
          ]
        }}
      /&gt;
      In-app example
      <p>Default full page empty state</p>

constructor(props) {
    super(props)

    this.sizes = Object.values(EmptyState.sizes)
    this.handleSizeChange = this.handleSizeChange.bind(this)
    this.state = { activeSize: this.sizes[this.sizes.length - 1] }
  }

<code>
        import EmptyState from '@pluralsight/ps-design-system-emptystate/react'
      </code>
      EmptyState.Action]),
            PropTypes.row(['caption', <code>EmptyState.Caption</code>]),
            PropTypes.row(['heading', <code>EmptyState.Heading</code>, true]),
            PropTypes.row([
              'illustration',
              <code>EmptyState.Illustration</code>
            ]),
            PropTypes.row([
              'size',
              PropTypes.union(EmptyState.sizes),
              false,
              null,
              <span>
                disable resizing layout and set explicit size (from{' '}
                <code>EmptyState.sizes</code>)
              </span>
            ])
          ],
          'EmptyState.Heading': [
            PropTypes.row([
              'as',
              null,
              null,
              <code>h1</code>,
              'heading tagName'
            ])