import * as React from 'react' ; import { Button } from 'react-bootstrap' ; import { Trash } from 'react-bootstrap-icons' ; import { SongData } from '../../../models/SongData' ; interface Props { disabled ? : boolean ; song : SongData ; onClick : ( song : SongData ) => void ; } /**
 * Delete track button component.
 */ class DeleteTrackButton extends React . Component < Props > { handleClick = ( ) : void => { this . props . onClick ( this . props . song ) ; } ; render ( ) { return ( < Button variant = "danger" className = "ml-2" style = { { whiteSpace : 'nowrap' } } title = "Delete" disabled = { this . props . disabled } onClick = { this . handleClick } > < Trash /> < /Button>); } } export default DeleteTrackButton ;