Label

import { useRef } from "react";
import type { PublicInstance } from "@gpuix/react";
import { Input, Label, labelledBy } from "@gpuixui/primitives";

const name = "Workspace name";
const help = "Shown on invitations and in the app switcher.";

export const NameField = () => {
  const ref = useRef<PublicInstance>(null);
  return (
    <>
      <Label target={ref} description={help}>
        {name}
      </Label>
      <Input ref={ref} {...labelledBy(name)} description={help} fullWidth />
    </>
  );
};