butterflyvu/src/layouts/Document.astro

---
// Environment Variables
import {
    ORG_NAME,
    FEEDBACK_ENABLED,
    FEELBACK_ENABLED,
    REVERT_LAYOUT,
    WHITELABEL
} from '@utils/GetConfig'

// Properties
const { Title, Feedback, Feelback } = Astro.props

// Components
import Head from '@components/global/Head.astro'
import Header from '@components/global/Header.astro'
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro";

// Styles
import "@styles/index.scss";
import "@styles/feelback.css";
---

<Head/>
<Header/>
<div class="page">
    <div class="content">
        <div class="sidebar">
            <h2>Sidebar Header</h2>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
            <h2>Sidebar Header</h2>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
            <h2>Sidebar Header</h2>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
            <a href="#">Document Title</a>
        </div>
        <div class="document">
            <h1>{Title}</h1>
            <slot/>
            <!-- <hr/>
            <p>Last Updated: null</p> -->
            {
                FEEDBACK_ENABLED ?
                    // Feelback
                    FEELBACK_ENABLED ?
                        <FeelbackYesNo
                            contentSetId="2308b02b-8f9f-437e-9780-5ad4c0db016e"
                            preset="like-dislike"
                            textQuestion="Did this article help?"
                            textAnswer="Thank you for your feedback."
                        />
                        :
                        null
                    :
                    null
           }
        </div>
    </div>
    <div class="footer">
        <div class="footer-start">
            <p>© {ORG_NAME}. All right reserved.</p>
        </div>
        <div class="footer-end">
            {WHITELABEL ?
                <p>Built with <a href="#">ButterflyVu</a></p>
                :
                null
            }
        </div>
    </div>
</div>

<!-- Style is temporary here -->
<style is:global lang="scss">
</style>

{REVERT_LAYOUT ?
    <style>
        .content {
            flex-direction: row-reverse;
        }
    </style>
    :
    null
}