Virginie Ky 541cd72e97 Admin leftmenu bullet icon
Signed-off-by: Virginie Ky <virginie.ky@gmail.com>
2020-03-20 14:40:56 +01:00

23 lines
706 B
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
const FaIcon = styled(({ small, ...props }) => <FontAwesomeIcon {...props} />)`
position: absolute;
top: ${({ small }) => (small ? 'calc(50% - 0.3rem)' : 'calc(50% - 0.9rem + 0.3rem)')};
left: ${({ small }) => (small ? '2.2rem' : '1.6rem')};
font-size: ${({ small }) => (small ? '.5rem' : '1.2rem')};
`;
const LeftMenuIcon = ({ icon }) => <FaIcon small={icon === 'circle'} icon={icon} />;
LeftMenuIcon.propTypes = {
icon: PropTypes.string,
};
LeftMenuIcon.defaultProps = {
icon: 'circle',
};
export default LeftMenuIcon;