| 1 |
import { __ } from '@wordpress/i18n'; |
| 2 |
import { GoLinkExternal } from 'react-icons/go'; |
| 3 |
|
| 4 |
const Header = () => { |
| 5 |
return ( |
| 6 |
<header |
| 7 |
className="srfm-flex srfm-justify-between srfm-p-5 srfm-shadow-md srfm-bg-[#FBFBFC]" |
| 8 |
style={ { borderBottom: '1px solid #E4E7EB' } } |
| 9 |
> |
| 10 |
<div className="srfm-flex srfm-items-center srfm-gap-1"> |
| 11 |
<span className="srfm-text-2xl srfm-text-[#333333] srfm-font-semibold"> |
| 12 |
{ __( ' Settings', 'sureforms' ) } |
| 13 |
</span> |
| 14 |
</div> |
| 15 |
<div> |
| 16 |
<button className="srfm-cursor-pointer srfm-bg-transparent srfm-text-[#575E68] srfm-font-semibold hover:srfm-text-[#333333] srfm-py-2 srfm-px-4 srfm-border srfm-border-[#575E68] hover:srfm-border-[#333333] srfm-rounded srfm-transition-colors srfm-duration-300 srfm-ease-in-out"> |
| 17 |
<span className="srfm-flex srfm-items-center srfm-gap-2"> |
| 18 |
{ __( ' Documentation', 'sureforms' ) } |
| 19 |
<GoLinkExternal /> |
| 20 |
</span> |
| 21 |
</button> |
| 22 |
</div> |
| 23 |
</header> |
| 24 |
); |
| 25 |
}; |
| 26 |
|
| 27 |
export default Header; |
| 28 |
|
