import { Card, CardActions, CardContent, CardHeader, Divider, Button } from '@mui/material';
import DataInvoice from './components/dataInvoice/DataInvoice';
import DataClient from './components/dataClient/DataClient';
import DataTransmitter from './components/dataTransmitter/DataTransmitter';

function GenerateInvoiceRender() {
	return (
		<Card className=" m-20 p-12">
			<CardHeader
				title="Crear Factura de venta"
				className="text-16 font-bold "
			/>
			<Divider />
			<CardContent>
				<DataTransmitter />
				<DataClient />
				<DataInvoice />
			</CardContent>
			<CardActions>
				<Button
					className="w-320 "
					variant="contained"
					size="small"
					color="primary"
				>
					Guardar{' '}
				</Button>
			</CardActions>
		</Card>
	);
}

export default GenerateInvoiceRender;
