Want to write a react component for Bill Print as per my PDF

I have a pdf invoice format I need someone to write a react code to print the said pdf from React to print component

import React from "react";
import ReactToPrint from "react-to-print";
import PropTypes from "prop-types";
import { Table, Button, Col, Row, Card } from "react-bootstrap";


class ComponentToPrint extends React.Component {
render() {
return (
<table className="container m-4 p-4">
// here you r required to add table with all text values alter Ill repalce with actaul variables
</table>

);
}
}

class Billprint extends React.Component {

constructor() {
super();
this.state = {
count: 0
};

}

render() {
return (
<div>
<ReactToPrint
trigger={() => <Button>Print</Button>}
content={() => this.componentRef}
pageStyle={`
@page {
margin: 0.3cm 0.5cm;
}
`}
/>

<ComponentToPrint data={this.props.data} ref={el => (this.componentRef = el)} />
</div>
);
}
}

export default Billprint;