CmTopbar

import { CmTopbar } from "cosmemilton-ui/server";

import { CmButton, CmInput } from "cosmemilton-ui/client";
import { CmBadge, CmTopbar } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmTopbar
      title="Acme Admin"
      tone="surface"
      bordered
      start={<CmBadge tone="primary">v3</CmBadge>}
      center={<CmInput aria-label="Buscar" placeholder="Buscar" />}
      end={<CmButton size="sm" tone="primary">Novo</CmButton>}
    />
  );
}