import React from 'react'; import styled from 'styled-components'; import { bindActionCreators } from 'redux'; import { useDispatch } from 'react-redux'; import { remSize } from '../../theme'; import IconButton from './IconButton'; import { TerminalIcon } from '../../common/icons'; import * as IDEActions from '../../modules/IDE/actions/ide'; const BottomBarContent = styled.h2` padding: ${remSize(8)}; svg { max-height: ${remSize(32)}; } `; export default () => { const { expandConsole } = bindActionCreators(IDEActions, useDispatch()); const actions = [{ icon: TerminalIcon, aria: 'Say Something', action: expandConsole }]; return ( {actions.map(({ icon, aria, action }) => ( action()} />))} ); };