import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; import { remSize } from '../../theme'; import Button from '../../common/Button'; import IconButton from './IconButton'; const FloatingContainer = styled.div` position: absolute; right: ${remSize(16)}; top: ${remSize(80)}; text-align: right; z-index: 3; `; const FloatingNav = ({ items }) => ( { items.map(({ icon, onPress }) => ( ))} ); FloatingNav.propTypes = { items: PropTypes.arrayOf(PropTypes.shape({ icon: PropTypes.element, onPress: PropTypes.func })) }; FloatingNav.defaultProps = { items: [] }; export default FloatingNav;