| 1 |
import { __ } from '@wordpress/i18n'; |
| 2 |
|
| 3 |
export const DismissButton = ({ variant = 'default', onClick }) => { |
| 4 |
const variants = { |
| 5 |
'no-x-spacing': 'py-2 px-0', |
| 6 |
'no-y-spacing': 'py-0 px-2', |
| 7 |
'no-spacing': 'p-0', |
| 8 |
default: 'px-2 py-2', |
| 9 |
}; |
| 10 |
|
| 11 |
return ( |
| 12 |
<button |
| 13 |
type="button" |
| 14 |
onClick={onClick} |
| 15 |
className={`${variants[variant]} bg-transparent text-sm text-design-main underline-offset-4 hover:underline`} |
| 16 |
> |
| 17 |
{__('Dismiss', 'extendify-local')} |
| 18 |
</button> |
| 19 |
); |
| 20 |
}; |
| 21 |
|
