Robin Malfait
a73007388f
* bump Next in playground * convert legacy Link after Next.js bump * update yarn.lock * switch to npm workspaces * move `packages/playground-*` to `playgrounds/*` * use `npm` instead of `yarn` * sync package-lock.json * use node 20 for insiders releases
21 lines
631 B
TypeScript
21 lines
631 B
TypeScript
import { ComponentProps, forwardRef, ReactNode } from 'react'
|
|
|
|
function classNames(...classes: (string | false | undefined | null)[]) {
|
|
return classes.filter(Boolean).join(' ')
|
|
}
|
|
|
|
export let Button = forwardRef<
|
|
HTMLButtonElement,
|
|
ComponentProps<'button'> & { children?: ReactNode }
|
|
>(({ className, ...props }, ref) => (
|
|
<button
|
|
ref={ref}
|
|
type="button"
|
|
className={classNames(
|
|
'ui-focus-visible:ring-2 ui-focus-visible:ring-offset-2 flex items-center rounded-md border border-gray-300 bg-white px-2 py-1 ring-gray-500 ring-offset-gray-100 focus:outline-none',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
))
|