Make button with rezo icons

2022-01-24 06:46:53 +04:00
parent d3fd703831
commit 6046685aad
1 changed files with 6 additions and 4 deletions
@@ -1,12 +1,14 @@
-import {Box} from '@mui/material'
+import {IconButton, Stack} from '@mui/material'
 import PropTypes from 'prop-types'

 export default function Rezo({rezo}) {
  const {tit, lyen, icon} = rezo
  return (
-    <Box title={tit} sx={{cursor: 'pointer', marginLeft: '20px'}} onClick={() => window.open(lyen, '_blank')}>
-      {icon}
-    </Box>
+    <Stack direction='row' spacing={1}>
+      <IconButton title={tit} onClick={() => window.open(lyen, '_blank')}>
+        {icon}
+      </IconButton>
+    </Stack>
  )
 }