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.
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
5 years ago
|
import React from 'react';
|
||
|
import classNames from 'classnames';
|
||
|
|
||
|
import { SessionIconButton, SessionIconSize, SessionIconType } from './icon/';
|
||
|
|
||
|
interface Props {
|
||
|
title: string;
|
||
|
body: any;
|
||
|
}
|
||
|
|
||
|
export class SessionModal extends React.PureComponent<Props> {
|
||
|
constructor(props: any) {
|
||
|
super(props);
|
||
|
}
|
||
|
|
||
|
public render() {
|
||
|
const { title } = this.props;
|
||
|
|
||
|
return (
|
||
|
<div className={classNames('session-modal')}>
|
||
|
<div className="header">
|
||
|
<div className="close">
|
||
|
<SessionIconButton
|
||
|
iconType={SessionIconType.Exit}
|
||
|
iconSize={SessionIconSize.Small}
|
||
|
/>
|
||
|
</div>
|
||
|
<div className="title">{title}</div>
|
||
|
<div className="icons">
|
||
|
<SessionIconButton
|
||
|
iconType={SessionIconType.Search}
|
||
|
iconSize={SessionIconSize.Medium}
|
||
|
/>
|
||
|
<SessionIconButton
|
||
|
iconType={SessionIconType.AddUser}
|
||
|
iconSize={SessionIconSize.Medium}
|
||
|
/>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
}
|