import { useListenAlong } from 'use-listen-along';

const Spotify = () => {
  const [connection, setConnection] = React.useState<boolean>(false);
  
  // The discord ID of the user you wish to listen-along to.
  const snowflake = 291050399509774340;
  // The spotify authorization code.
  let auth_code: string;
  
	function listen(disconnect: boolean) {
	  // Get auth from spotify with scope 'user-modify-playback-state user-read-currently-playing'.
	  
	  const {connected, error} = useListenAlong(snowflake, auth_code, disconnect);
	  setConnection(connected);
	}

return (
  <button onClick={() => listen(connection)}> {connection ? 'Disconnect' : "Listen Along"} </button>
)
}