Page MenuHomec4science
Files F99503643

BreadcrumbCollapsed.js
No OneTemporary
Actions

File Metadata

Created
Sat, Jan 25, 01:36

BreadcrumbCollapsed.js
View Options

import _extends from "@babel/runtime/helpers/esm/extends";
import * as React from 'react';
import PropTypes from 'prop-types';
import { emphasize } from '@mui/system';
import styled from '../styles/styled';
import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
import ButtonBase from '../ButtonBase';
import { jsx as _jsx } from "react/jsx-runtime";
const BreadcrumbCollapsedButton = styled(ButtonBase)(({
theme
}) => _extends({
display: 'flex',
marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
marginRight: `calc(${theme.spacing(1)} * 0.5)`
}, theme.palette.mode === 'light' ? {
backgroundColor: theme.palette.grey[100],
color: theme.palette.grey[700]
} : {
backgroundColor: theme.palette.grey[700],
color: theme.palette.grey[100]
}, {
borderRadius: 2,
'&:hover, &:focus': _extends({}, theme.palette.mode === 'light' ? {
backgroundColor: theme.palette.grey[200]
} : {
backgroundColor: theme.palette.grey[600]
}),
'&:active': _extends({
boxShadow: theme.shadows[0]
}, theme.palette.mode === 'light' ? {
backgroundColor: emphasize(theme.palette.grey[200], 0.12)
} : {
backgroundColor: emphasize(theme.palette.grey[600], 0.12)
})
}));
const BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
width: 24,
height: 16
});
/**
* @ignore - internal component.
*/
function BreadcrumbCollapsed(props) {
const ownerState = props;
return /*#__PURE__*/_jsx("li", {
children: /*#__PURE__*/_jsx(BreadcrumbCollapsedButton, _extends({
focusRipple: true
}, props, {
ownerState: ownerState,
children: /*#__PURE__*/_jsx(BreadcrumbCollapsedIcon, {
ownerState: ownerState
})
}))
});
}
process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: PropTypes.object
} : void 0;
export default BreadcrumbCollapsed;

Event Timeline

c4science · Help