import XNode from "@web-atoms/core/dist/core/XNode.js";

import "./styles/checkbox.global.css";

import IElement from "./IElement.js";

export interface ICheckbox extends IElement {
    checked: any;
    text: string;
}

export default function Checkbox({
    checked,
    text,
    ... a
}: ICheckbox) {
    return <div data-check-box="check-box" { ... a}>
        <label>
            <input
                type="checkbox"
                checked={checked}/>
            <span
                text={text}></span>
        </label>
    </div>;
}