p5.js-web-editor/client/components/mobile/IconButton.jsx

32 lines
611 B
React
Raw Normal View History

import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import Button from '../../common/Button';
2020-06-30 19:41:26 +00:00
import { remSize } from '../../theme';
const ButtonWrapper = styled(Button)`
2020-06-30 19:41:26 +00:00
width: ${remSize(48)};
> svg {
width: 100%;
height: 100%;
}
`;
const IconButton = (props) => {
const { icon, ...otherProps } = props;
const Icon = icon;
return (<ButtonWrapper
iconBefore={<Icon />}
kind={Button.kinds.inline}
focusable="false"
{...otherProps}
/>);
};
IconButton.propTypes = {
icon: PropTypes.func.isRequired
};
export default IconButton;