use yew::{function_component, html, Children, Html, Properties};
use crate::button::Button;
#[derive(Debug, Clone, PartialEq, Properties)]
pub struct Props {
#[prop_or_default]
pub children: Children,
}
#[function_component(Code)]
pub fn code(props: &Props) -> Html {
html! {
<div class="ZuCode-root">
<pre class="ZuCode-pre">
<code class="ZuCode-code">
{for props.children.iter()}
</code>
</pre>
<Button classes="ZuCode-copy">
{"Copy"}
</Button>
</div>
}
}