Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
/* eslint-disable react/prop-types */
import React from 'react'
import EditIcon from '@mui/icons-material/EditOutlined'
import AddIcon from '@mui/icons-material/Add'
const ProfileWidget = ({
title = '',
addUrl = '',
onAdd = () => { },
onEdit = () => { },
justEdit = false,
children
}) => {
const PATH = window.location.pathname
return (
<section className='experience__user-card'>
<div className='card__options-container'>
<h2>{title}</h2>
{PATH.includes('edit') &&
<div className='card__options-icons'>
{!justEdit &&
<button className='button-icon' onClick={() => onAdd(title, addUrl)}>
<AddIcon />
</button>}
<button className='button-icon' onClick={onEdit}>
<EditIcon />
</button>
</div>
}
</div>
{children}
</section>
)
}
export default ProfileWidget