package modalcomponent

templ Modal(modalID string, modalTitle string, modalBody templ.Component, modalAction templ.Component, btnClose templ.Component) {
	<div
		class="modal fade"
		style="display: none"
		id={ modalID }
		tabindex="-1"
		role="dialog"
		data-backdrop="static"
		aria-hidden="true"
	>
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content rounded-lg">
				<div class="modal-header border-bottom-0">
					<h6 class="modal-title text-black font-weight-bolder">
						{ modalTitle }
					</h6>
					@btnClose
				</div>
				<div class="modal-body border-bottom-0">
					@modalBody
				</div>
				<div class="modal-footer border-top-0">
					@modalAction
				</div>
			</div>
		</div>
	</div>
}
