import React from "react";
import { JustifiedGrid } from "../../../src";

export default function App(props: Record<string, any>) {
  return <JustifiedGrid
    className="container"
    gap={props.gap}
    defaultDirection={props.defaultDirection}
    align={props.align}
    columnRange={props.columnRange}
    rowRange={props.rowRange}
    sizeRange={props.sizeRange}
    isCroppedSize={props.isCroppedSize}
    displayedRow={props.displayedRow}
    stretch={props.stretch}
    stretchRange={props.stretchRange}
    passUnstretchRow={props.passUnstretchRow}
  >
    <div className={"item"}>1</div>
    <div className={"item"}>2</div>
    <div className={"item"}>3</div>
    <div className={"item"}>4</div>
    <div className={"item"}>5</div>
    <div className={"item"}>6</div>
    <div className={"item"}>7</div>
    <div className={"item"}>8</div>
    <div className={"item"}>9</div>
    <div className={"item"}>10</div>
  </JustifiedGrid>;
}
