```jsx
import { SearchRow } from 'frontend-react-components';

const artists = {
    'artist1': { artistName: 'Test 1', artistId: 1 },
    'artist2': { artistName: 'Test 2', artistId: 2 },
    'artist3': { artistName: 'Test 3', artistId: 3 },
    'artist4': { artistName: 'Test 4', artistId: 4 }
};

const tracks = {
    'NO1234567890': { 
        trackName: 'Test track', 
        isrc: 'NO1234567890', 
        artistName: 'Artist name', 
        releaseName: 'Product name',
        imageUrl: 'https://images.theorchard.io/product/cover/1dab096719e6786012d07c6bb67dcf51.jpg' 
    },
    'NO1234567891': { 
        trackName: 'Test track with no cover', 
        isrc: 'NO1234567891', 
        artistName: 'Artist name',
        releaseName: 'Product name'
    },
    'NO1234567892': { 
        trackName: 'Test track with a pretty long name that should not cause issues', 
        isrc: 'NO1234567892', 
        artistName: 'Artist name',
        releaseName: 'Product name',
        imageUrl: 'https://images.theorchard.io/product/cover/1dab096719e6786012d07c6bb67dcf51.jpg' 
    },
    'NO1234567893': { 
        trackName: 'Test with a long artist name', 
        isrc: 'NO1234567893', 
        artistName: 'Artist with a longer than average name',
        releaseName: 'Product name',
        imageUrl: 'https://images.theorchard.io/product/cover/1542db16b9b6a99d58960ea1935fe108.jpg'
    }
};  

<div>
<h6>With artists results</h6>
<SearchRow 
    artistsOrTracks="artists"
    artists={artists}
    results={{ 'Test': [1,2,3,4]}}
    currentSearch="Test"
/>
<h6 className="mt-4">With track results</h6>
<SearchRow 
    artistsOrTracks="tracks"
    tracks={tracks}
    results={{ 'Test': Object.keys(tracks)}}
    currentSearch="Test"
/>
<h6 className="mt-4">Empty result</h6>
<SearchRow 
    artists={artists}
    results={{}}
    currentSearch="Test"
/>
<h6 className="mt-4">Loading</h6>
<SearchRow 
    isLoading
    currentSearch="Test"
/>
<h6 className="mt-4">With error</h6>
<SearchRow 
    searchError="Oops something went wrong"
    artistsOrTracks="artists"
    artists={artists}
    results={{ 'Test': [1,2,3,4]}}
    currentSearch="Test"
    isLoading
/>
<h6 className="mt-4">With tags</h6>
<SearchRow 
    tags={Object.keys(artists).map( key => artists[key])}
    currentSearch="Test"
/>
</div>
```