# give/4.18.0/src/EventTickets/resources/admin/feedback/popup/Header.tsx

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 35 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/EventTickets/resources/admin/feedback/popup/Header.tsx
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/EventTickets/resources/admin/feedback/popup/Header.tsx
- Modified: 2024-03-13T21:54:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/src/EventTickets/resources/admin/feedback/popup/Header.tsx#L10-L20`.

```tsx
import {Button, Icon} from '@wordpress/components';
import CloseIcon from './CloseIcon';
import HeaderIcon from './HeaderIcon';

const Header = ({title, closeCallback}) => {
    return (
        <header
            style={{
                display: 'flex',
                justifyContent: 'space-between',
                alignItems: 'center',
            }}
        >
            <div
                style={{
                    display: 'flex',
                    alignItems: 'center',
                    gap: '10px',
                    fontSize: '16px',
                    fontWeight: 500,
                    lineHeight: '16px',
                }}
            >
                <Icon icon={HeaderIcon} />
                {title}
            </div>
            <button style={{padding: 0, height: 'auto', backgroundColor: 'transparent', border: 0, cursor: 'pointer'}} onClick={closeCallback}>
                <CloseIcon />
            </button>
        </header>
    );
};

export default Header;

```