Function isCharacterKey

packages/components/src/components/ui/heading.tsx:9–16

(e: React.KeyboardEvent<HTMLHeadingElement>)

  'flex w-full whitespace-normal rounded-md border border-transparent bg-transparent px-1 py-1 transition-colors hover:border-input hover:shadow-sm focus-visible:shadow-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50';

function isCharacterKey(e: React.KeyboardEvent<HTMLHeadingElement>) {
  return (
    e.key.length === 1 && // This checks if the pressed key is a single character
    !e.ctrlKey &&
    !e.metaKey &&
    !e.altKey
  );
}

export function EditableH1(props: {
  text: string;