/*
 Modal.tsx - ESP3D WebUI component file

 Copyright (c) 2021 Alexandre Aussourd. 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 { createComponent } from "../Helpers"

/*
 * Local const
 *
 */
const modifiers = {
    lg: "text-lg",
    large: "text-lg",
    sm: "text-sm",
    small: "text-sm",
}

type ModalComponent = ReturnType<typeof createComponent> & {
    Overlay: ReturnType<typeof createComponent>
    Container: ReturnType<typeof createComponent>
    Header: ReturnType<typeof createComponent>
    Body: ReturnType<typeof createComponent>
    Footer: ReturnType<typeof createComponent>
}

const Modal = createComponent("div", "modal", modifiers) as ModalComponent
Modal.Overlay = createComponent("a", "modal-overlay")
Modal.Container = createComponent("div", "modal-container")
Modal.Header = createComponent("div", "modal-header")
Modal.Body = createComponent("div", "modal-body")
Modal.Footer = createComponent("div", "modal-footer")

export default Modal