Untitled

        <header class="table-header">
          <h2>Orders</h2>

          <div class="table-header-btn-container">
            <div class="share-export-btn">
              <p>Share</p>
              <p>Export</p>
            </div>

            <div class="calendar-btn">
              <p>Calendar</p>
              <p>This Week</p>
            </div>
          </div>
        </header>


/* Tables HEADER */

.main-content-container {
  display: flex;
}

.table-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 2rem;
}

.table-header-btn-container {
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
}

.share-export-btn {
  display: flex;
  justify-content: space-between;
  height: 5%;
  margin: 5px;
}

.share-export-btn p {
  /* margin-left: 1rem; */
  padding: 0 5px;
  border: 1px solid black;
}

.calendar-btn {
  display: flex;
  margin: 5px;
  height: 5%;
  padding: 0 5px;
  border: 1px solid black;
}