/*
 Button.js - ESP3D WebUI component file

 Copyright (c) 2021 Luc LEBOSSE. All rights reserved.

 This code is free software; you can redistribute it and/or
 modify it under the terms of the GNU Lesser General Public
 License as published by the Free Software Foundation; either
 version 2.1 of the License, or (at your option) any later version.
 This code is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 Lesser General Public License for more details.
 You should have received a copy of the GNU Lesser General Public
 License along with This code; if not, write to the Free Software
 Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/
import { h } from "preact"
import Button from "./Button"

/*
 * Local const
 *
 */
const ButtonImg = ({
    label,
    icon,
    width,
    nomin,
    style,
    showlow,
    className,
    ...rest
}) => {
    return (
        <Button
            class={`feather-icon-container ${className ? className : ""}`}
            {...rest}
            style={
                (nomin ? style : "min-width:2rem;" + style) +
                ";display:inline-block;white-space: nowrap;"
            }
        >
            <div style="overflow:hidden!important;white-space: nowrap;text-overflow:ellipsis!important;cursor: pointer;pointer-events: none;">
                {icon}
                {label && (
                    <label
                        class={
                            width
                                ? `${showlow ? "" : "hide-low"}`
                                : showlow
                                ? ""
                                : "hide-low"
                        }
                        style={
                            "display:inline" +
                            (width ? "max-width:" + width : "max-width:3rem")
                        }
                    >
                        {label}
                    </label>
                )}
            </div>
        </Button>
    )
}

export default ButtonImg
