# extendify/0.6.0/src/pages/layout/HasSidebar.js

Extendify, version 0.6.0. 20 lines.

- Page: https://pluginprobe.com/plugins/extendify/0.6.0/code/src/pages/layout/HasSidebar.js
- Raw: https://pluginprobe.com/plugins/extendify/0.6.0/raw/src/pages/layout/HasSidebar.js
- Modified: 2022-03-08T21:25:40+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/0.6.0/code/src/pages/layout/HasSidebar.js#L10-L20`.

```javascript
import { useGlobalStore } from '@extendify/state/GlobalState'

export default function HasSidebar({ children }) {
    const ready = useGlobalStore((state) => state.ready)
    return (
        <>
            <aside className="relative flex-shrink-0 border-r border-extendify-transparent-black-100 bg-extendify-transparent-white py-0 backdrop-blur-xl backdrop-saturate-200 backdrop-filter sm:py-5">
                <div className="flex h-full flex-col py-6 sm:w-72 sm:space-y-6 sm:py-0">
                    {ready ? children[0] : null}
                </div>
            </aside>
            <main
                id="extendify-templates"
                className="h-full w-full overflow-hidden bg-gray-50 pt-6 sm:pt-0">
                {ready ? children[1] : null}
            </main>
        </>
    )
}

```