| Linux webm007.cluster106.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 Path : /home/eglisebaa/www/wp-content/plugins/code-snippets/js/components/common/ |
| Current File : /home/eglisebaa/www/wp-content/plugins/code-snippets/js/components/common/SubmitButton.tsx |
import React from 'react'
import classnames from 'classnames'
import { __ } from '@wordpress/i18n'
import type { InputHTMLAttributes } from 'react'
export interface SubmitButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'name' | 'value'> {
id?: string
name?: string
primary?: boolean
small?: boolean
large?: boolean
wrap?: boolean
text?: string
}
export const SubmitButton: React.FC<SubmitButtonProps> = ({
id,
text,
name = 'submit',
primary,
small,
large,
wrap,
className,
...inputProps
}) => {
const button =
<input
id={id ?? name}
type="submit"
name={name}
value={text ?? __('Save Changes', 'code-snippets')}
className={classnames(
'button',
{
'button-primary': primary,
'button-small': small,
'button-large': large
},
className
)}
{...inputProps}
/>
return wrap ? <p className="submit">{button}</p> : button
}