test-lib-audits/src/components/Header/index.js

React library for audits

import React from "react";
import refreshIcon from "../../assets/noun_Refresh_166466.svg";
import todayIcon from "../../assets/noun_today_2084414.svg";
import weekIcon from "../../assets/noun_Alert_2168837.svg";
import "./style.css";

const Header = props => {
  return (
    <div className="header">
      <div className="title-content">
        <h3 className="title">Audit Logs</h3>
        <p className="last-update">
          {props.updateStatus} <img src={refreshIcon} alt="refresh" />
        </p>
      </div>

      <div className="calendar">
        <div className="box-content box-space">
          <div className="counts">
            <p className="count-number">{props.days}</p>
            <p className="count-line">{props.daysLine}</p>
          </div>
          <div className="icon-day">
            <img src={todayIcon} alt="today" />
          </div>
        </div>
        <div className="box-content">
          <div className="counts">
            <p className="count-number">{props.weeks}</p>
            <p className="count-line">{props.weekLine}</p>
          </div>
          <div className="icon-week">
            <img src={weekIcon} alt="week" />
          </div>
        </div>
      </div>
    </div>
  );
};

export default Header;