import { Image, StyleSheet, Text, View } from "@react-pdf/renderer";
import moment from "moment";
import React from "react";
import logo from "assets/whitelabels/AdaptiveAgriculture/AgLogoText.png";

export default function Header() {
  const styles = StyleSheet.create({
    view: {
      flexDirection: "row",
      fontStyle: "normal",
      fontWeight: 650,
      borderBottom: "1px solid black"
    },
    logo: {
      width: "55%",
      textAlign: "left",
      paddingBottom: 15
    },
    estimate: {
      width: "45%",
      textAlign: "right"
    }
  });
  return (
    <React.Fragment>
      <View style={styles.view}>
        <Image style={styles.logo} src={logo} />
        <Text style={styles.estimate}>{moment().format("YYYY-MM-DD")}</Text>
      </View>
    </React.Fragment>
  );
}