import {Button} from "antd";
import React from "react";

export function Header(props) {
    return <div style={{textAlign: "start"}}>
        <span style={{fontWeight: "500", fontSize: "30px", padding: "20px", letterSpacing: "1px"}}>resTools</span>
        <Button type='primary'
                onClick={props.onClickButton}
                style={{fontSize: "15px", float: "right", marginTop: "8px", marginRight: "20px"}}>
            {props.buttonText}
        </Button>
        {props.isVip ? <span style={{color:'orange', float:'right', fontSize:'28px', fontWeight:'bold', marginRight:'10px'}}>VIP</span>:''}
    </div>;
}