28 lines
791 B
TypeScript
28 lines
791 B
TypeScript
|
import React from 'react'
|
||
|
|
import { SendIcon } from '../../../../assets/icons'
|
||
|
|
|
||
|
|
type SendButtonProps = {
|
||
|
|
label: string
|
||
|
|
isDisabled: boolean
|
||
|
|
} & React.ButtonHTMLAttributes<HTMLButtonElement>
|
||
|
|
|
||
|
|
export const SendButton = ({
|
||
|
|
label,
|
||
|
|
isDisabled,
|
||
|
|
...props
|
||
|
|
}: SendButtonProps) => {
|
||
|
|
return (
|
||
|
|
<button
|
||
|
|
type="submit"
|
||
|
|
className={
|
||
|
|
'my-2 ml-2 py-2 px-4 font-semibold rounded-md text-white focus:outline-none flex items-center disabled:opacity-50 disabled:cursor-not-allowed disabled:brightness-100 transition-all filter hover:brightness-90 active:brightness-75 typebot-button active'
|
||
|
|
}
|
||
|
|
disabled={isDisabled}
|
||
|
|
{...props}
|
||
|
|
>
|
||
|
|
<span className="hidden xs:flex">{label}</span>
|
||
|
|
<SendIcon className="send-icon flex xs:hidden" />
|
||
|
|
</button>
|
||
|
|
)
|
||
|
|
}
|