<ResourceList
              emptyState={emptyStateMarkup}
              resourceName={resourceName}
              items={rows}
              renderItem={RenderFontItem}
              sortValue={sortString}
              sortOptions={[
                { label: 'Name Desc', value: 'FONT_NAME_DESC' },
                { label: 'Name Asc', value: 'FONT_NAME_ASC' },
              ]}
              loading={isLoading}
              onSortChange={(selected) => {
                if (selected === 'FONT_NAME_DESC') {
                  setSortString(selected);
                  setSortValue('font_name');
                  setSortDirection('desc');
                } else if (selected === 'FONT_NAME_ASC') {
                  setSortString(selected);
                  setSortValue('font_name');
                  setSortDirection('asc');
                }
              }}
              filterControl={filterControl}
            />