import { Col, Media, Row } from "reactstrap";
import { ImagePath, Invoice, Riho } from "@/Constant";
import Image from "next/image";

const InvoiceSixHeader = () => {
  return (
    <div>
      <Row>
        <Col sm="6">
          <Media>
            <div className="media-left">
              <img className="img-fluid media-object img-60" src={`${ImagePath}/logo/04.png`} alt="logo" />
            </div>
            <Media body className="m-l-20 text-right">
              <p>kap-solutions
                <br />
                <span>289-335-6503</span>
              </p>
            </Media>
          </Media>
        </Col>
        <Col sm="6">
          <div className="text-md-end text-xs-center">
            <h3>
              {Invoice} #<span className="counter">1069</span>
            </h3>
            <p>
              Issued: May<span> 27, 2024</span>
              <br /> Payment Due: June <span>27, 2024</span>
            </p>
          </div>
        </Col>
      </Row>
    </div>
  );
};

export default InvoiceSixHeader;