Header.js

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Bell, Search, User } from 'lucide-react';
export const Header = () => {
    return (_jsx("header", { className: "bg-white shadow-sm border-b border-gray-200", children: _jsxs("div", { className: "flex justify-between items-center px-8 py-4", children: [_jsx("div", { className: "flex-1 max-w-2xl", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" }), _jsx("input", { type: "text", placeholder: "Search strategies, assets, or metrics...", className: "w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }) }), _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("button", { className: "p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors", children: _jsx(Bell, { className: "w-5 h-5" }) }), _jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: "w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center", children: _jsx(User, { className: "w-4 h-4 text-white" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Researcher" })] })] })] }) }));
};