Function Button

packages/devtools-ui/src/components/button.tsx:22–39

(props: ButtonProps)

  className?: string
}
export function Button(props: ButtonProps) {
  const styles = createStyles()

  const classes = createMemo(() => {
    const variant = props.variant || 'primary'
    return clsx(
      styles().button.base,
      styles().button.variant(variant, props.outline, props.ghost),
      props.className,
    )
  })

  return (
    <button data-tsd-control {...props} class={classes()}>
      {props.children}
    </button>
  )
}