import { Treeview, TreeviewItem, TreeviewGroup } from "../../treeview";

export const TreeviewCheckboxes = ({ children, ...other }: any) => (
    <Treeview {...other}>
        {children || [
            <TreeviewItem key="treeview-item-1" text="Root 1" showCheckbox />,
            <TreeviewItem key="treeview-item-2" text="Root 2" showCheckbox expanded>
                <TreeviewGroup>
                    <TreeviewItem text="Child 2.1" showCheckbox />
                    <TreeviewItem text="Child 2.2" showCheckbox>
                        <TreeviewGroup>
                            <TreeviewItem text="Child 2.2.1" />
                        </TreeviewGroup>
                    </TreeviewItem>
                    <TreeviewItem text="Child 2.3" showCheckbox />
                </TreeviewGroup>
            </TreeviewItem>,
            <TreeviewItem key="treeview-item-3" text="Root 3" showCheckbox>
                <TreeviewItem text="Child 3.1" />
                <TreeviewItem text="Child 3.2" />
                <TreeviewItem text="Child 3.3" />
            </TreeviewItem>
        ]}
    </Treeview>
);