Files F122198144

BreadcrumbCollapsed.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Wed, Jul 16, 13:18

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";
	var BreadcrumbCollapsedButton = styled(ButtonBase)(function (_ref) {
	var theme = _ref.theme;
	return _extends({
	display: 'flex',
	marginLeft: "calc(".concat(theme.spacing(1), " * 0.5)"),
	marginRight: "calc(".concat(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)
	})
	});
	});
	var BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
	width: 24,
	height: 16
	});

	/**
	* @ignore - internal component.
	*/
	function BreadcrumbCollapsed(props) {
	var 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