@smollweide/material-ui-speed-dial
Version:
Components, that implements material design speed dial for material-ui v1
37 lines (32 loc) • 735 B
JavaScript
import React from 'react';
import { withStyles } from '@material-ui/core/styles';
import styles from './SpeedDialItem.styles';
// Types
export const SpeedDialItem = ({
state,
renderAvatar,
children,
className,
preset,
classes,
onClick
}) => {
return React.createElement(
'li',
{ className: `${classes.root} ${className !== undefined ? className : ''}` },
React.createElement(
'a',
{ className: `${classes.link} ${classes[`link--state-${state}`]}`, onClick: onClick },
children({
state,
className: `${preset.label}`
}),
renderAvatar && renderAvatar({
state,
className: `${classes.avatar} ${preset.avatar}`
})
)
);
};
// $FlowFixMe
export default withStyles(styles)(SpeedDialItem);