import React from 'react';
import { SBox } from '../../../common/s-components/layout/s-box';
import { BlockWrapper } from './block-wrapper';
import { MediaData } from './mediadata';
import { ArtistData } from './artist-data';

type TProps = {};

export const TopSlider: React.FC<TProps> = () => {
  return (
    <SBox px={16} pt={30}>
      <ArtistData />
      <BlockWrapper>
        <MediaData />
      </BlockWrapper>
    </SBox>
  );
};