import React from 'react';

const AddSong = ({ handleAddSongBtnClick }) => {
  return (
    <div
      className='flex h-40 w-1/3 cursor-pointer items-center justify-center rounded-md border border-sky-500 bg-sky-600 px-2 py-1.5 shadow hover:bg-sky-700'
      onClick={handleAddSongBtnClick}
    >
      <p className='text-base font-semibold text-white'>Add Song</p>
    </div>
  );
};

export default AddSong;
