import React, { ReactElement } from 'react'
import OpenInNewOutlinedIcon from '@mui/icons-material/OpenInNewOutlined'

interface Props {
    fontSize?: any
    color?: string
    fontWeight?: number
    styles?: object
    handleOnClick?: () => void
}

const OpenIcon = (props: Props): ReactElement => {
    const { fontSize = 'small', color = 'text.secondary', fontWeight = 500, styles = {}, handleOnClick } = props

    return <OpenInNewOutlinedIcon onClick={handleOnClick} fontSize={fontSize} sx={{ color, fontWeight, ...styles }} />
}

export default OpenIcon