CmForm

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

"use client";

import { CmButton, CmInput, CmSelect } from "cosmemilton-ui/client";
import { CmForm } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmForm
      title="Cadastro rapido"
      description="Dados minimos para criar um cliente."
      layout="grid"
      columns={{ base: 1, md: 2 }}
      actions={
        <>
          <CmButton variant="ghost">Cancelar</CmButton>
          <CmButton tone="primary">Salvar</CmButton>
        </>
      }
      actionsAlign="end"
    >
      <CmInput label="Razao social" />
      <CmInput label="CNPJ" />
      <CmSelect
        label="Segmento"
        value=""
        onChange={() => undefined}
        placeholder="Selecione"
        options={[
          { value: "retail", label: "Varejo" },
          { value: "industry", label: "Industria" },
        ]}
      />
      <CmInput label="E-mail" type="email" />
    </CmForm>
  );
}