The <ControlsBar/>
component takes a list of children, displays them with flex with wrapping, and adds margin: 10px
to each children.
import React from "react";
import { ControlsBar } from "@gns-science/toshi-nest";
const ControlsBarDemo = () => {
return (
<ControlsBar>
<Button1 />
<Button2 />
</ControlsBar>
)
};