dair-ai_Prompt-Engineering-Guide

1
import cn from 'clsx'
2
import type { ComponentProps, ReactElement } from 'react'
3

4
export const Button = ({
5
  children,
6
  className,
7
  ...props
8
}: ComponentProps<'button'>): ReactElement => {
9
  return (
10
    <button
11
      className={cn(
12
        'nextra-button nx-transition-all active:nx-opacity-50',
13
        'nx-bg-primary-700/5 nx-border nx-border-black/5 nx-text-gray-600 hover:nx-text-gray-900 nx-rounded-md nx-p-1.5',
14
        'dark:nx-bg-primary-300/10 dark:nx-border-white/10 dark:nx-text-gray-400 dark:hover:nx-text-gray-50',
15
        className
16
      )}
17
      {...props}
18
    >
19
      {children}
20
    </button>
21
  )
22
}
23