components.message.PrintMessageButton.js Maven / Gradle / Ivy

import { IconButton, Tooltip } from '@mui/material'
import { Print as PrintIcon }  from '@mui/icons-material'
import { useReactToPrint }     from 'react-to-print'

const PrintMessageButton = ({messageRef}) => {
  const handlePrint = useReactToPrint({content: () => messageRef.current, pageStyle:"@page { size: auto; margin: 15mm; } }"})

  const onClick = (e) => {
    e.preventDefault()
    e.stopPropagation()
    handlePrint(e)
  }

  return (
    
      
        
          
        
      
    
  )
}

export default PrintMessageButton