---
import Welcome from '../components/Welcome.astro';
import Layout from '../layouts/Layout.astro';
import Hello from '../components/Hello.js';

const colors=["red","green","blue","yellow","black"]

import { Blockquote  } from 'zextra/typography'
// import Mdz from "../components/Mdz.mdz"

// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
---

<!-- <Hello msg="Hello Ssr"/> -->
<!-- <div style="width: 400px; border: 2px darkblue solid">
<Mdz client:load/>
</div> -->

<Hello msg="Server Only" color="green"/>
<!-- <Hello msg="Client Only" color="darkblue" client:only/> -->
<Hello msg="Client Load" color={colors[Math.floor(Math.random()*5)]} client:load/>

<Blockquote cite="'Hello" quote='jjj' client:load/>