import * as React from "react";
import {DSLabel, DSEditBox } from "@dewesoft-web/ui/controls";

export class NumberColumnOptions extends React.Component<any, any> {

    render() {
        const noPadd = {
            padding: 0
        };

        return (
            <table id="col-selector" style={{ width: "100%" }}>
                <tbody>
                    <tr>
                        <td style={noPadd}>
                            <DSLabel target="colWidth" text="Width of selected column (in pixels)"/>
                        </td>
                        <td>
                            <DSEditBox name="colWidth" id="colWidth" float="right" defaultValue="40"/>
                        </td>
                    </tr>
                    <tr>
                        <td style={noPadd}>
                            <DSLabel target="colWidth" text="Number of digits"/>
                        </td>
                        <td>
                            <DSEditBox name="digits" id="digits" defaultValue="0" float="right" disabled/>
                        </td>
                    </tr>
                </tbody>
            </table>
        );
    }
}