import React from "react";
// import { FinsembleIcon } from "./FinsembleIcon";
import "./css/checkbox.css";
import { Icon } from "../icon";
const TileImage = ({ name }) => {
    const defaultIcon = {
        imageType: "initials",
        name,
        category: "Application",
    };
    return (React.createElement("span", null,
        React.createElement(Icon, { ...defaultIcon })));
};
export const Checkbox = ({ checked = false, disabled = false, label, showLabel = true, id, onClick = () => { }, showIcon = false, }) => (React.createElement("div", { className: "checkbox-wrapper" },
    React.createElement("label", null,
        React.createElement("input", { type: "checkbox", id: id, disabled: disabled, checked: checked, "aria-label": label, onChange: onClick }),
        showLabel && (React.createElement("span", null,
            showIcon && React.createElement(TileImage, { name: label }),
            label)))));
//# sourceMappingURL=Checkbox.js.map