typescript-generic-exmaple.ts

typescript-generic-exmaple.ts

interface UseTableRowProps<D extends object> {
    cells: Array<Cell<D>>
}

interface ColumnInstance<D extends object = {}> {
    width: string,
    height: string
}

interface Row<D extends object = {}> extends UseTableRowProps<D> { }

export interface UseTableCellProps<D extends object, V = any> {
    column: ColumnInstance<D>;
    row: Row<D>;
}


export interface Cell<D extends object = {}, V = any> extends UseTableCellProps<D, V> { }

const a: Cell<{ width: string, height: string }> = {
    column: {
        width: "1",
        height: "1"
    },
    row: {
        cells: [
            {
                column: {
                    width: "1",
                    height: "1"
                },
                row: {
                    cells: [

                    ]
                }
            }
        ]
    }
}