import { Spreadsheet, SpreadsheetActionBar, SpreadsheetHeader, SpreadsheetSheetsBar, SpreadsheetView } from "..";

export const SpreadsheetNormal = (props) => (
    <Spreadsheet
        children={
            <>
                <SpreadsheetHeader />
                <SpreadsheetActionBar />
                <SpreadsheetView
                    selection={
                        <div className="k-spreadsheet-selection k-single-selection" style={{ width: "880px", height: "71px", top: "30px", left: "30px" }} />
                    }
                    rowHeaderSelection={{ 1: "partial" }}
                    columnHeaderSelection={{ A: "partial", B: "partial", C: "partial", D: "partial", E: "partial", F: "partial", G: "partial" }}
                    activeCellIndex={0}
                />
                <SpreadsheetSheetsBar />
            </>
        }
        {...props}
    />
);