import React from 'react';
import { MusicCardWrap } from './MusicCardWrap';
import Image from '@/components/Image';
import musicCard from '@/assets/icon/music_card.png';

const MusicCard: React.FC = () => {
  return (
    <MusicCardWrap>
      <div className="musicCardContainer">
        <Image
          media={musicCard}
          cssStyle={`
          object-fit: contain !important;
          width: 70% !important;
          background: rgb(0, 1, 0) !important;
        `}
          mediaVisible
          mediaMimeType={''}
          isDetail={false}
        />
      </div>
    </MusicCardWrap>
  );
};

export default MusicCard;
