import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; import { remSize, prop } from '../../theme'; import IconButton from './IconButton'; const BottomBarContent = styled.div` padding: ${remSize(8)}; display: grid; grid-template-columns: repeat(8,1fr); svg { max-height: ${remSize(32)}; } path { fill: ${prop('primaryTextColor')} !important } .inverted { path { fill: ${prop('backgroundColor')} !important } rect { fill: ${prop('primaryTextColor')} !important } } `; const ActionStrip = ({ actions }) => ( {actions.map(({ icon, aria, action, inverted }) => ())} ); ActionStrip.propTypes = { actions: PropTypes.arrayOf(PropTypes.shape({ icon: PropTypes.any, aria: PropTypes.string.isRequired, action: PropTypes.func.isRequired, inverted: PropTypes.bool })).isRequired }; export default ActionStrip;