const CheckboxProps = [
    {
        name: "value",
        type: "any",
        default: "null",
        description: "Value of the checkbox."
    },
    {
        name: "modelValue",
        type: "any",
        default: "null",
        description: "Value binding of the checkbox."
    },
    {
        name: "binary",
        type: "boolean",
        default: "false",
        description: "Allows to select a boolean value instead of multiple values."
    },
    {
        name: "tabindex",
        type: "number",
        default: "null",
        description: "Index of the element in tabbing order."
    },
    {
        name: "class",
        type: "string",
        default: "null",
        description: "Style class of the component."
    },
    {
        name: "style",
        type: "any",
        default: "null",
        description: "Inline of the component."
    },
    {
        name: "trueValue",
        type: "any",
        default: "null",
        description: "Value in checked state."
    },
    {
        name: "falseValue",
        type: "any",
        default: "null",
        description: "Value in unchecked state."
    }
];

const CheckboxEvents = [
    {
        name: "click",
        description: "Callback to invoke on value click.",
    },
    {
        name: "change",
        description: "Callback to invoke on value change.",
    },
    {
        name: "input",
        description: "Callback to invoke on value change."
    }
];

module.exports = {
    checkbox: {
        name: "Checkbox",
        description: "Checkbox is an extension to standard checkbox element with theming.",
        props: CheckboxProps,
        events: CheckboxEvents
    }
};