components.pre() — supabase Function Reference

Source Code

apps/design-system/components/mdx-components.tsx lines 145–198

  pre: (
    {
      className,
      __rawString__,
      // __npmCommand__,
      // __yarnCommand__,
      // __pnpmCommand__,
      // __bunCommand__,
      __withMeta__,
      __src__,
      // __event__,
      __style__,
      ...props
    }: React.HTMLAttributes<HTMLPreElement> & {
      __style__?: Style['name']
      __rawString__?: string
      __withMeta__?: boolean
      __src__?: string
      // __event__?: Event['name']
    }
    // & NpmCommands
  ) => {
    return (
      <StyleWrapper styleName={__style__}>
        <pre
          className={cn(
            'mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-surface-75/75 py-4',
            className
          )}
          {...props}
        />
        {__rawString__ && (
          // !__npmCommand__ &&
          <CopyButton
            value={__rawString__}
            src={__src__}
            // event={__event__}
            className={cn('absolute right-4 top-4', __withMeta__ && 'top-16')}
          />
        )}
        {/* {__npmCommand__ && __yarnCommand__ && __pnpmCommand__ && __bunCommand__ && (
          <CopyNpmCommandButton
            commands={{
              __npmCommand__,
              __yarnCommand__,
              __pnpmCommand__,
              __bunCommand__,
            }}
            className={cn('absolute right-4 top-4', __withMeta__ && 'top-16')}
          />
        )} */}
      </StyleWrapper>
    )
  },