| 1 |
import { useGlobalStore } from '@library/state/GlobalState' |
| 2 |
|
| 3 |
export default function HasSidebar({ children }) { |
| 4 |
const ready = useGlobalStore((state) => state.ready) |
| 5 |
return ( |
| 6 |
<> |
| 7 |
<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:pt-5"> |
| 8 |
<div className="flex h-full flex-col py-6 sm:w-72 sm:space-y-6 sm:py-0"> |
| 9 |
{ready ? children[0] : null} |
| 10 |
</div> |
| 11 |
</aside> |
| 12 |
<main |
| 13 |
id="extendify-templates" |
| 14 |
className="h-full w-full overflow-hidden bg-gray-50 pt-6 sm:pt-0"> |
| 15 |
{ready ? children[1] : null} |
| 16 |
</main> |
| 17 |
</> |
| 18 |
) |
| 19 |
} |
| 20 |
|
