27 lines
719 B
JavaScript
27 lines
719 B
JavaScript
import { BoardContainer } from "../index.jsx";
|
|
import classNames from "classnames";
|
|
import { useState } from "react";
|
|
import { v1 } from "uuid";
|
|
|
|
const Board = ({ id, className, components, orientation, ...additionalProps }) => {
|
|
const [storeId] = useState(id || v1());
|
|
|
|
const allClassNames = classNames("react-trello-board", className || "");
|
|
|
|
const Styles = orientation === "horizontal" ? components.GlobalStyleHorizontal : components.GlobalStyleVertical;
|
|
return (
|
|
<>
|
|
<Styles />
|
|
<BoardContainer
|
|
components={components}
|
|
orientation={orientation}
|
|
{...additionalProps}
|
|
id={storeId}
|
|
className={allClassNames}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Board;
|