import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";

import BubbleSort from "./BubbleSort";

// Change this variable to reflect the amount of 
// sorting algortithms you want on screen.
let sorting = 4;
// Declare like this to allow usage of props.
const App = props => {
  return (
    <div style={{ height: 100 / sorting + "%" }}>
      <BubbleSort />
      <BubbleSort />
      <BubbleSort />
      <BubbleSort />
    </div>
  );
};
// Export for importing elsewhere.
export default App;
ReactDOM.render(<App />, document.getElementById("root"));