Calendar

index.js

import React from "react";
import ReactDOM from "react-dom";
import Calendar from "./components/Calendar";

const App = () => (
  <>
    <Calendar>
      {({ Wrapper, Column, Box, Item, headers }) => (
        <Wrapper>
          {headers.map((header, index) => (
            <Column>
              {header}
              <Box>
                <Item>Item</Item>
                <Item>Item</Item>
                <Item>Item</Item>
              </Box>

              <Box>
                <Item>Item</Item>
                <Item>Item</Item>
                <Item>Item</Item>
              </Box>
            </Column>
          ))}
        </Wrapper>
      )}
    </Calendar>
  </>
);

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);