@elacity-js/uikit/dist/components/Breadcrumbs.js

React / Material UI Design kit for Elacity project

import { jsx } from 'react/jsx-runtime';
import { useNavigate } from 'react-router-dom';
import { Box, IconButton } from '@mui/material';
import { styled } from '@mui/material/styles';
import { ArrowBack } from '@mui/icons-material';

const Container = styled(Box)(({ theme }) => ({
    display: 'flex',
    alignItems: 'center',
    padding: theme.spacing(0),
}));
var Breadcrumbs = (props) => {
    const navigate = useNavigate();
    const handleBack = () => {
        navigate(-1);
    };
    return (jsx(Container, Object.assign({}, props, { children: jsx(IconButton, Object.assign({ onClick: handleBack }, { children: jsx(ArrowBack, {}) })) })));
};

export { Breadcrumbs as default };
//# sourceMappingURL=Breadcrumbs.js.map