text: import React from 'react'
  import { PanelHeader, PanelHeaderBack, Panel, Avatar, Group, SimpleCell } from '@vkontakte/vkui'
  
  export default class ViewAllArtists extends React.Component {
  	render () {
  		return (
  			<Panel id={this.props.id}>
  				<PanelHeader separator={false} left={<PanelHeaderBack onClick={this.props.goBack} />}>
  					Артисты
  				</PanelHeader>
  				<Group>
  					{this.props.catalog.artists.data.map((artist) => (
  						<SimpleCell
  							key={artist.id}
  							expandable={true}
  							before={<Avatar src={artist.picture_xl} />}
  							onClick={() => this.props.getArtistsCard(artist.id)}
  						>
  							{artist.name}
  						</SimpleCell>
  					))}
  				</Group>
  			</Panel>
  		)
  	}
  }
  