index.jsx 857 Bytes
Newer Older
1 2 3
/** @format */

import React from 'react';
4
import DefaultWidjetStyle, { DialPadIcon } from './style';
5 6
import TimerUi from '../TimerUi';

Muhammadali's avatar
Muhammadali committed
7
const DefaultWidjetUi = ({
8 9 10 11 12 13
	widjetState,
	phoneNumber,
	reason,
	widjetVersion,
	leftTime,
	onClick,
Muhammadali's avatar
Muhammadali committed
14
	position,
15 16
}) => {
	return (
Muhammadali's avatar
Muhammadali committed
17 18 19 20
		<DefaultWidjetStyle
			status={widjetState}
			onClick={onClick}
			position={position}>
21 22 23 24 25 26 27 28 29 30 31
			<div className='left'>
				<p className='title'>{phoneNumber}</p>
				<p>
					<span className='status'>{widjetState}</span>
					<TimerUi reason={reason} time={leftTime} />
				</p>
			</div>
			<div className='right'>
				<DialPadIcon />
			</div>
			<div className='bottom'>
Muhammadali's avatar
Muhammadali committed
32
				<DefaultWidjetStyle.StatusLine status={widjetState}>
33 34 35 36 37
					<p className='verison'>v {widjetVersion}</p>
				</DefaultWidjetStyle.StatusLine>
			</div>
		</DefaultWidjetStyle>
	);
38 39
};

Muhammadali's avatar
Muhammadali committed
40
export default DefaultWidjetUi;