import DemoContent from '@fuse/core/DemoContent';
import FusePageSimple from '@fuse/core/FusePageSimple';
import { useTranslation } from 'react-i18next';
import { styled } from '@mui/material/styles';
import FirmaRender from './FirmaRender';


const Root = styled(FusePageSimple)(({ theme }) => ({
	'& .FusePageSimple-header': {
		backgroundColor: theme.palette.background.paper,
		borderBottomWidth: 1,
		borderStyle: 'solid',
		borderColor: theme.palette.divider
	},
	'& .FusePageSimple-content': {},
	'& .FusePageSimple-sidebarHeader': {},
	'& .FusePageSimple-sidebarContent': {}
}));

function Firma() {
    const { t } = useTranslation('signature');
    
	return(
		<Root
			header={
				<div className='p-24'>
					<h4>{t('FIRMA ELECTRONICA')}</h4>
				</div>
			}
			content={
				<FirmaRender></FirmaRender>
			}
		/>
	)
}

export default Firma;