cloudhub-components/dist/theme/MinimalTheme/core/overrides/Buttons/Fab.js

Various components to use in react projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Fab;

// ----------------------------------------------------------------------
function Fab(_ref) {
  var theme = _ref.theme;
  var isRTL = theme.direction === 'rtl';
  return {
    MuiFab: {
      defaultProps: {
        color: 'primary'
      },
      styleOverrides: {
        root: {
          boxShadow: theme.shadows['25'].z8,
          '&:hover': {
            boxShadow: 'none',
            backgroundColor: theme.palette.grey['400']
          }
        },
        primary: {
          boxShadow: theme.shadows['25'].primary,
          '&:hover': {
            backgroundColor: theme.palette.primary.dark
          }
        },
        extended: {
          '& svg': {
            marginRight: !isRTL && 8,
            marginLeft: isRTL && 8
          }
        }
      }
    }
  };
}