@elacity-js/uikit/dist/components/Button/MinifiableButton.js

React / Material UI Design kit for Elacity project

import { __rest } from '../../node_modules/tslib/tslib.es6.js';
import { jsx } from 'react/jsx-runtime';
import { IconButton } from '@mui/material';
import Button from '@mui/material/Button';
import { useTheme } from '@mui/material/styles';
import useMediaQuery from '@mui/material/useMediaQuery';
import { isMobile } from '@elacity-js/lib';

var Minifiable = (_a) => {
    var { onClick, children, Icon } = _a, props = __rest(_a, ["onClick", "children", "Icon"]);
    const theme = useTheme();
    const isSmDown = useMediaQuery((t) => t.breakpoints.down('sm'));
    const isVerySmall = isMobile();
    if (isVerySmall) {
        return (jsx(IconButton, Object.assign({ onClick: onClick }, { children: jsx(Icon, {}) })));
    }
    return (jsx(Button, Object.assign({ onClick: onClick, size: isSmDown ? 'small' : 'medium', color: theme.palette.mode === 'light' ? 'primary' : 'secondary' }, props, { children: children })));
};

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