1 | import _extends from "@babel/runtime/helpers/esm/extends";
|
2 | import * as React from 'react';
|
3 | import PropTypes from 'prop-types';
|
4 | import { emphasize } from '@mui/system';
|
5 | import styled from '../styles/styled';
|
6 | import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
|
7 | import ButtonBase from '../ButtonBase';
|
8 | import { jsx as _jsx } from "react/jsx-runtime";
|
9 | var BreadcrumbCollapsedButton = styled(ButtonBase)(function (_ref) {
|
10 | var theme = _ref.theme;
|
11 | return _extends({
|
12 | display: 'flex',
|
13 | marginLeft: "calc(".concat(theme.spacing(1), " * 0.5)"),
|
14 | marginRight: "calc(".concat(theme.spacing(1), " * 0.5)")
|
15 | }, theme.palette.mode === 'light' ? {
|
16 | backgroundColor: theme.palette.grey[100],
|
17 | color: theme.palette.grey[700]
|
18 | } : {
|
19 | backgroundColor: theme.palette.grey[700],
|
20 | color: theme.palette.grey[100]
|
21 | }, {
|
22 | borderRadius: 2,
|
23 | '&:hover, &:focus': _extends({}, theme.palette.mode === 'light' ? {
|
24 | backgroundColor: theme.palette.grey[200]
|
25 | } : {
|
26 | backgroundColor: theme.palette.grey[600]
|
27 | }),
|
28 | '&:active': _extends({
|
29 | boxShadow: theme.shadows[0]
|
30 | }, theme.palette.mode === 'light' ? {
|
31 | backgroundColor: emphasize(theme.palette.grey[200], 0.12)
|
32 | } : {
|
33 | backgroundColor: emphasize(theme.palette.grey[600], 0.12)
|
34 | })
|
35 | });
|
36 | });
|
37 | var BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
|
38 | width: 24,
|
39 | height: 16
|
40 | });
|
41 |
|
42 |
|
43 |
|
44 |
|
45 | function BreadcrumbCollapsed(props) {
|
46 | var ownerState = props;
|
47 | return _jsx("li", {
|
48 | children: _jsx(BreadcrumbCollapsedButton, _extends({
|
49 | focusRipple: true
|
50 | }, props, {
|
51 | ownerState: ownerState,
|
52 | children: _jsx(BreadcrumbCollapsedIcon, {
|
53 | ownerState: ownerState
|
54 | })
|
55 | }))
|
56 | });
|
57 | }
|
58 |
|
59 | process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
|
60 | |
61 |
|
62 |
|
63 | sx: PropTypes.object
|
64 | } : void 0;
|
65 | export default BreadcrumbCollapsed; |
\ | No newline at end of file |