import React from 'react' ; import * as Styled from './AllAppsModal.styles' ; import { usePinnedAppsConfig } from '../PinnedApps/PinnedApps.config' ; import DesktopButton from '../DesktopButton/DesktopButton' ; function returns { JSX . Element } const AllAppsModal = ( ) : JSX . Element => { const { pinnedApps } = usePinnedAppsConfig ( ) ; return ( < Styled . Container > < Styled . Container > { pinnedApps . map ( ( app ) => ( < Styled . LI key = { app . id } > < DesktopButton variant = { 'desktop' } iconSrc = { app . icon } iconSize = { app . iconSize } text = { app . text } action = { app . action } willOpenWindowWith = { app . willOpenWindowWith } / > < /Styled.LI>))} < /Styled.Container> < /Styled.Container>); } ; export default AllAppsModal ;