I have a button that has an icon that is , what I want it that went the icon is clicked, it changes to this

Here is my code

import React, { useState } from 'react'

import { Button} from 'reactstrap'

import copy from 'copy-to-clipboard'

const [isCopied, setIsCopied] = useState(false);

const handleCopy = (player) =>{

const data= `Player ID: ${player.general.playerId} Event ID: ${player.general.eventId}`;

copy(data)

setIsCopied(true);

setTimeout(() => setIsCopied(false), 3000);

}

outline

color="secondary"

className="hover-button"

style={{

outline: 'none'

}}

onClick={ ()=>{ handleCopy(player) }}

>

{isCopied && }