import React from 'react' ; import * as Styled from './TrashBin.styles' ; import DesktopButton from '../../DesktopButton/DesktopButton' ; import { useDesktopApps } from '../../DesktopApps/DesktopApps.config' ; function returns { JSX . Element } const TrashBin = ( ) : JSX . Element => { const { appsInTrashBin } = useDesktopApps ( ) ; return ( < Styled . Container > < DesktopButton variant = { 'desktop' } iconSrc = { '/assets/icons/Desktop/angularjs-original.svg' } iconSize = { { height : 40 , width : 40 } } text = { 'Angular' } details = { 'Angular JS' } action = { ( ) => console . log ( 'click' ) } willOpenWindowWith = { null } / > { appsInTrashBin . map ( ( deletedApp ) => ( < DesktopButton key = { deletedApp . id } variant = { 'desktop' } willOpenWindowWith = { deletedApp . willOpenWindowWith } iconSrc = { deletedApp . iconSrc } iconSize = { deletedApp . iconSize } text = { deletedApp . text } action = { null } / > ) ) } < /Styled.Container>); } ; export default TrashBin ;