Function ShadcnDialog

packages/dev/s2-docs/src/CodePlatter.tsx:386–424

()

));

function ShadcnDialog() {
  let {type, component} = useContext(ShadcnContext)!;
  let preRef = useRef<HTMLPreElement | null>(null);

  return (
    <Dialog size="L">
      {({close}) => (
        <>
          <Heading slot="title">Install with shadcn</Heading>
          <Content>
            <p>
              Use the{' '}
              <Link href="https://ui.shadcn.com/docs/cli" target="_blank" rel="noopener noreferrer">
                shadcn CLI
              </Link>{' '}
              to install {component} and its dependencies into your project.
            </p>
            <ShadcnCommand type={type} component={component} preRef={preRef} />
          </Content>
          <ButtonGroup>
            <Button variant="secondary" slot="close">
              Cancel
            </Button>
            <Button
              variant="accent"
              onPress={() => {
                navigator.clipboard.writeText(preRef.current!.textContent!).catch(() => {
                  ToastQueue.negative('Failed to copy command. Please try again.');
                });
                close();
              }}>
              Copy and close
            </Button>
          </ButtonGroup>
        </>
      )}
    </Dialog>
  );
}

// function CodeSandboxDialog({getExampleFiles, codeRef, files, urls, entry, deps, type}) {
//   return (