36 lines
944 B
TypeScript
36 lines
944 B
TypeScript
import { Link } from 'react-router'
|
|
|
|
import { Button } from '~/components/button'
|
|
import { DUMMY } from '~/data/dummy'
|
|
|
|
export const HeaderTop = () => {
|
|
return (
|
|
<div className="flex h-[100px] items-center justify-between gap-[15px] bg-white px-[50px] py-[20px]">
|
|
<Link
|
|
to="/news"
|
|
className="h-full py-[5px]"
|
|
>
|
|
<img
|
|
src={DUMMY.logo}
|
|
alt={DUMMY.title}
|
|
className="h-full w-auto"
|
|
/>
|
|
</Link>
|
|
<div className="flex h-full items-center py-1.5 font-light whitespace-pre-line">
|
|
{DUMMY.description}
|
|
</div>
|
|
<div className="flex items-center gap-[15px]">
|
|
<Button>About Us</Button>
|
|
<Button variant="newsSecondary">Akun</Button>
|
|
<div className="w-[60px]">
|
|
<img
|
|
alt="language"
|
|
src="/flags/id.svg"
|
|
className="shadow-sm"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|