import React from 'react' ; import * as Styled from './SettingsPanel.styles' ; import { FiBattery , FiChevronUp , FiVolume2 , FiWifi } from 'react-icons/fi' ; import { useActions } from '../../hooks/useActions' ; function returns { JSX . Element } const SettingsPanel = ( ) : JSX . Element => { const { toggleSettingsModal } = useActions ( ) ; const handleToggleSettingsModal = ( ) => { toggleSettingsModal ( ) ; } ; return ( < > < Styled . Container onClick = { handleToggleSettingsModal } > < Styled . Tray > < FiChevronUp className = "icon" / > < /Styled.Tray> < Styled . Settings > < FiBattery className = "icon" / > < FiWifi className = "icon" / > < FiVolume2 className = "icon" / > < /Styled.Settings> < /Styled.Container> < />); } ; export default SettingsPanel ;