| 1 |
import { Icon } from '@wordpress/icons' |
| 2 |
import { chevron, robot } from '@chat/svg' |
| 3 |
|
| 4 |
export const Header = ({ question, reset }) => { |
| 5 |
return ( |
| 6 |
<header className="flex items-center gap-4"> |
| 7 |
{question && ( |
| 8 |
<button |
| 9 |
type="button" |
| 10 |
onClick={reset} |
| 11 |
className="bg-transparent border-none p-0 cursor-pointer"> |
| 12 |
<Icon |
| 13 |
icon={chevron} |
| 14 |
className="text-design-text fill-current h-4 transform rotate-90" |
| 15 |
/> |
| 16 |
</button> |
| 17 |
)} |
| 18 |
{!question && window.extAssistData?.partnerLogo && ( |
| 19 |
<img |
| 20 |
className="h-8 w-auto" |
| 21 |
src={window.extAssistData.partnerLogo} |
| 22 |
alt={window.extAssistData?.partnerName || ''} |
| 23 |
/> |
| 24 |
)} |
| 25 |
<div className="ml-auto rounded-full bg-white p-2 flex items-center"> |
| 26 |
<Icon |
| 27 |
icon={robot} |
| 28 |
className="text-design-main fill-current w-4 h-4" |
| 29 |
/> |
| 30 |
</div> |
| 31 |
</header> |
| 32 |
) |
| 33 |
} |
| 34 |
|
