Nils-Johan Gynther
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import Link from 'next/link';
|
|
|
|
export default function Navigation() {
|
|
return (
|
|
<nav
|
|
style={{
|
|
background: '#f9f9f9',
|
|
borderBottom: '1px solid #ddd',
|
|
padding: '0.75rem 1rem',
|
|
display: 'flex',
|
|
gap: '0.5rem',
|
|
flexWrap: 'wrap',
|
|
marginBottom: '1.5rem',
|
|
alignItems: 'center',
|
|
}}
|
|
>
|
|
<Link
|
|
href="/"
|
|
style={{
|
|
padding: '0.5rem 0.75rem',
|
|
background: '#fff',
|
|
border: '1px solid #ddd',
|
|
borderRadius: '4px',
|
|
textDecoration: 'none',
|
|
color: '#0070f3',
|
|
fontSize: '0.9rem',
|
|
fontWeight: 500,
|
|
}}
|
|
>
|
|
🏠 Hem
|
|
</Link>
|
|
<Link
|
|
href="/import"
|
|
style={{
|
|
padding: '0.5rem 0.75rem',
|
|
background: '#fff',
|
|
border: '1px solid #ddd',
|
|
borderRadius: '4px',
|
|
textDecoration: 'none',
|
|
color: '#0070f3',
|
|
fontSize: '0.9rem',
|
|
fontWeight: 500,
|
|
}}
|
|
>
|
|
⚡ Snabbimport
|
|
</Link>
|
|
</nav>
|
|
);
|
|
}
|