41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<template>
|
|
<section class="modal-overlay">
|
|
<div class="modal-container">
|
|
|
|
<!-- Green Header -->
|
|
<div class="modal-header">
|
|
<!-- Certificate Icon Circle -->
|
|
<div class="icon-circle">
|
|
<img src={syncLogo} alt="Sync Logo" class="sync-logo" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Body -->
|
|
<div class="modal-body">
|
|
<h2 class="modal-title">
|
|
{title}
|
|
</h2>
|
|
|
|
<div class="modal-description">
|
|
<slot></slot>
|
|
</div>
|
|
<!-- Checkbox removed or keep standard; removing here since parent doesn't need it -->
|
|
</div>
|
|
|
|
<!-- Footer Buttons -->
|
|
<div class="modal-footer">
|
|
<button
|
|
class="btn-cancel"
|
|
onclick={handleCancel}>
|
|
{cancelButtonLabel}
|
|
</button>
|
|
|
|
<button
|
|
class="btn-start"
|
|
onclick={handleAction}>
|
|
{actionButtonLabel}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template> |