@totalsoft/rocket-ui/src/components/buttons/IconButton/IconButtonStyles.ts

A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.

import { styled } from '@mui/material/styles'
import Button from '../Button'

const IconButton = styled(Button)(() => ({
  alignItems: 'center',
  justifyContent: 'center',
  position: 'relative',
  display: 'inline-flex',
  borderRadius: '50%',
  minWidth: '0px',
  '&.MuiButton-sizeSmall': {
    padding: '0px',
    width: '40px',
    height: '40px'
  },
  '&.MuiButton-sizeMedium': {
    padding: '11px',
    width: '48px',
    height: '48px'
  },
  '&.MuiButton-sizeLarge': {
    padding: '15px',
    width: '52px',
    height: '52px'
  }
}))

export default IconButton