{"size": 1596, "ext": "js", "max_stars_repo_path": "client/src/components/MyCharacters/index.js", "max_stars_repo_name": "Curtis-Hatter/Nuke-Character-Creator", "max_stars_repo_stars_event_min_datetime": "2021-04-06T00:12:10.000Z", "max_stars_repo_stars_event_max_datetime": "2021-05-13T23:07:05.000Z", "max_issues_repo_path": "client/src/components/MyCharacters/index.js", "max_issues_repo_name": "Curtis-Hatter/Nuke-Character-Creator", "max_issues_repo_issues_event_min_datetime": "2021-04-07T01:27:34.000Z", "max_issues_repo_issues_event_max_datetime": "2021-07-22T22:52:54.000Z", "max_forks_repo_path": "client/src/components/MyCharacters/index.js", "max_forks_repo_name": "Hammonds526/CharacterCreator", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 3, "max_issues_count": 61, "max_forks_count": null, "avg_line_length": 22.8, "max_line_length": 74, "alphanum_fraction": 0.4968671679}
import React from "react";
// import "./style.css";
import CharacterListItem from "../CharacterListItem";

// CSS
import "./Style.css";

// Pixel border stuff
import Corner from "../Corner";
import WoodBeamX from "../WoodBeamX";
import WoodBeamY from "../WoodBeamY";

function MyCharacters(props) {
  return (
    <div>
      <WoodBeamX beamStyle={{ top: "0px" }} />

      <WoodBeamY beamStyle={{ left: "0px", top: "0px" }} />
      <WoodBeamY beamStyle={{ right: "0px", top: "0px" }} />
      <Corner
        cornerStyle={{
          width: "40px",
          height: "auto",
          left: "0px",
          top: "0px",
        }}
      />
      <Corner
        cornerStyle={{
          width: "40px",
          height: "auto",
          right: "0px",
          top: "0px",
          transform: "rotate(90deg)",
        }}
      />

      {/* Nothing Above this line */}
      <h4 className="my-characters__title pt-4">My Characters</h4>
      <CharacterListItem {...props} />
      {/* Nothing below here */}

      <WoodBeamX beamStyle={{ bottom: "0px" }} parentClass={"absolute"} />

      <Corner
        cornerStyle={{
          width: "40px",
          height: "auto",
          right: "0px",
          bottom: "-1px",
          transform: "rotate(180deg)",
        }}
        parentClass={"absolute"}
      />
      <Corner
        cornerStyle={{
          width: "40px",
          height: "auto",
          left: "0px",
          bottom: "-1px",
          transform: "rotate(270deg)",
        }}
        parentClass={"absolute"}
      />
    </div>
  );
}

export default MyCharacters;
