You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
776 B
TypeScript
34 lines
776 B
TypeScript
4 years ago
|
import React from 'react';
|
||
|
|
import { useDispatch } from 'react-redux';
|
||
|
|
import { setOverlayMode } from '../../../state/ducks/section';
|
||
|
|
import { SpacerMD } from '../../basic/Text';
|
||
|
|
import { SessionIconButton } from '../../icon';
|
||
|
|
|
||
|
|
export const OverlayHeader = ({ subtitle, title }: { title: string; subtitle: string }) => {
|
||
|
|
const dispatch = useDispatch();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className="exit">
|
||
|
|
<SessionIconButton
|
||
|
|
iconSize="small"
|
||
|
|
iconType="exit"
|
||
|
|
onClick={() => {
|
||
|
|
dispatch(setOverlayMode(undefined));
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<SpacerMD />
|
||
|
|
|
||
|
|
<h2>{title}</h2>
|
||
|
|
|
||
|
|
<h3>
|
||
|
|
{subtitle}
|
||
|
|
<hr className="green-border" />
|
||
|
|
</h3>
|
||
|
|
<hr className="white-border" />
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|