theatre/packages/plugin-r3f/src/components/elements/Button.tsx
2021-06-18 13:05:06 +02:00

18 lines
538 B
TypeScript

import React, {forwardRef} from 'react'
import type {ButtonProps} from 'reakit'
import {Button as ButtonImpl} from 'reakit'
export type {ButtonProps}
const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
return (
<ButtonImpl
// @ts-ignore
ref={ref}
{...props}
className={`${props.className} inline-flex justify-center rounded-md px-4 py-2 font-medium bg-gray-100 text-gray-700 hover:bg-gray-200 focus:outline-none focus:ring focus:ring-blue-300`}
/>
)
})
export default Button