Newer
Older
import styled from 'styled-components'
import { EXT_NAME } from '../../utils/constants'
import { BaseProps, ThemeProps } from '../types'
import { goToImport } from '../utils/routing'
import { Button } from './Button'
const Header: React.FC<BaseProps> = ({ className }) => (
<div className={className}>
<div className='text-holder'>
<img className='logo' src={logo} />
<div>{EXT_NAME}</div>
<Button onClick={goToImport}>Import</Button>
</div>
)
align-items: center;
padding: 1rem;
box-shadow: ${({ theme }: ThemeProps) => theme.shadow};