26 lines
448 B
TypeScript
26 lines
448 B
TypeScript
import React from 'react';
|
|
import { Box, Text } from 'grommet';
|
|
|
|
export const Header = () => {
|
|
return (
|
|
<Box
|
|
as='header'
|
|
direction='row'
|
|
align='center'
|
|
justify='center'
|
|
background='brand'
|
|
pad={{ left: 'medium', right: 'small', vertical: 'small' }}
|
|
style={{ zIndex: 1 }}
|
|
>
|
|
<Text
|
|
margin={{ vertical: 'small' }}
|
|
color='light-1'
|
|
size='xxlarge'
|
|
weight='bold'
|
|
>
|
|
Spoti Search
|
|
</Text>
|
|
</Box>
|
|
);
|
|
};
|