Newer
Older
import styled from 'styled-components'
import { EXT_NAME } from '../../utils/constants'
import { headerActions } from '../../stores/headerActions'
import { BaseProps, ThemeProps } from '../types'
import { Button } from './Button'
const Header: React.FC<BaseProps> = ({ className }) => {
return (
<div className={className}>
<div className='text-holder'>
<img className='logo' src={logo} />
<div>{EXT_NAME}</div>
</div>
{actions.map((a) => (
<Button onClick={a.onAction} key={a.label}>
{a.label}
</Button>
))}
box-shadow: ${({ theme }: ThemeProps) => theme.shadow};