1 | import _extends from "@babel/runtime/helpers/esm/extends";
|
2 | import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
3 | import * as React from 'react';
|
4 | import PropTypes from 'prop-types';
|
5 | import withStyles from '../styles/withStyles';
|
6 | import { emphasize } from '../styles/colorManipulator';
|
7 | import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
|
8 | import ButtonBase from '../ButtonBase';
|
9 |
|
10 | const styles = theme => ({
|
11 | root: {
|
12 | display: 'flex',
|
13 | marginLeft: theme.spacing(0.5),
|
14 | marginRight: theme.spacing(0.5),
|
15 | backgroundColor: theme.palette.grey[100],
|
16 | color: theme.palette.grey[700],
|
17 | borderRadius: 2,
|
18 | cursor: 'pointer',
|
19 | '&:hover, &:focus': {
|
20 | backgroundColor: theme.palette.grey[200]
|
21 | },
|
22 | '&:active': {
|
23 | boxShadow: theme.shadows[0],
|
24 | backgroundColor: emphasize(theme.palette.grey[200], 0.12)
|
25 | }
|
26 | },
|
27 | icon: {
|
28 | width: 24,
|
29 | height: 16
|
30 | }
|
31 | });
|
32 |
|
33 |
|
34 |
|
35 |
|
36 |
|
37 | function BreadcrumbCollapsed(props) {
|
38 | const {
|
39 | classes
|
40 | } = props,
|
41 | other = _objectWithoutPropertiesLoose(props, ["classes"]);
|
42 |
|
43 | return React.createElement(ButtonBase, _extends({
|
44 | component: "li",
|
45 | className: classes.root,
|
46 | focusRipple: true
|
47 | }, other), React.createElement(MoreHorizIcon, {
|
48 | className: classes.icon
|
49 | }));
|
50 | }
|
51 |
|
52 | process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
|
53 | |
54 |
|
55 |
|
56 | classes: PropTypes.object.isRequired
|
57 | } : void 0;
|
58 | export default withStyles(styles, {
|
59 | name: 'PrivateBreadcrumbCollapsed'
|
60 | })(BreadcrumbCollapsed); |
\ | No newline at end of file |