import React from "react";
import "./css/button.css";
import { FinsembleIcon } from "./FinsembleIcon";
export const fashion_class_lookup = {
    secondary: "button-container-secondary",
    tile: "button-container-tile",
    primary: "button-container-primary",
    icon: "button-container-icon",
    hollow: "button-container-hollow",
    danger: "button-container-danger",
    ghost: "button-container-ghost",
    "danger ghost": "button-container-danger-ghost",
};
export const Button = ({ fashion = "secondary", text = "", iconBefore, iconAfter, disabled = false, onClick = () => { }, className = "", buttonAttributes = {}, fixedSize, }) => {
    const containerClassName = [fashion_class_lookup[fashion], className].join(" ");
    return (React.createElement("div", { className: `${containerClassName}` },
        React.createElement("button", { ...buttonAttributes, onClick: onClick, disabled: disabled, style: { width: fixedSize } },
            iconBefore && React.createElement(FinsembleIcon, { className: "button-icon-before", icon: iconBefore }),
            text,
            iconAfter && React.createElement(FinsembleIcon, { className: "button-icon-after", icon: iconAfter }))));
};
//# sourceMappingURL=Button.js.map