/**
 * @author Harish.R <[email protected]>
 * @description Header component
 */

import React from 'react';
import { Button, Layout, Tooltip } from 'antd';
import { useActions } from 'kea';
import { LogoutOutlined } from '@ant-design/icons';
import WildDuckIcon from '../../assets/icons/WildDuckIcon';
import { accessTokenString, apiString } from 'app-ui/lib/constants/constant';
import appLogic from 'app-ui/logic/appLogic';

/**
 * class component for Header
 * @class Header
 * @extends PureComponent
 */
const Header = () => {
	const { setAccessToken } = useActions(appLogic);
	const logout = () => {
		sessionStorage.removeItem(accessTokenString);
		sessionStorage.removeItem(apiString);
		setAccessToken('');
	};

	/** Header Renderer */
	return (
		<Layout.Header className='header'>
			<WildDuckIcon />
			<Tooltip title='Logout'>
				<Button shape='circle' onClick={logout} icon={<LogoutOutlined />}></Button>
			</Tooltip>
		</Layout.Header>
	);
};

export default Header;