fonteva-design-guide/force-app/main/default/lwc/pfmModal/pfmModal.html

## Dev, Build and Test

<template>
    <div role="dialog" class={classes}>
        <div class="slds-modal__container">
            <header class="slds-modal__header">
                <button class={closeButtonVariant} title="Close" onclick={closeHandler}>
                    <lightning-icon
                        class=""
                        title="Close"
                        alternative-text="Close"
                        variant={closeVariant}
                        icon-name="utility:close"
                        data-name="closeButtonModalX"
                        size="small"
                    ></lightning-icon>
                </button>
                <c-pfm-text type="heading" size="medium" weight={headerWeight} text={title}>
                    <slot name="title"></slot>
                </c-pfm-text>
                <template if:true={hasTagline}>
                    <div class="slds-m-top_x-small">{tagline}</div>
                </template>
            </header>

            <div class={contentClasses} data-name="modal-content">
                <slot name="content"> </slot>
                <slot></slot>
            </div>
            <footer class="slds-modal__footer">
                <template if:true={hasFooter}>
                    <slot name="footer"></slot>
                </template>
                <template if:false={hasFooter}>
                    <c-pfm-button
                        type="outline"
                        name="closeButtonModal"
                        onclick={closeHandler}
                        data-name="closeButtonModal"
                        label={closeLabel}
                        additional-classes={additionalCloseClasses}
                        disable-loader
                    ></c-pfm-button>
                    <c-pfm-button
                        if:false={hideSave}
                        type="default"
                        name="saveButtonModal"
                        onsubmit={saveHandler}
                        data-name="saveButtonModal"
                        label={saveLabel}
                        additional-classes={additionalSaveClasses}
                    ></c-pfm-button>
                </template>
            </footer>
        </div>
    </div>
    <div class={bdClasses}></div>
</template>