/**
*
* Tab
*
*/

import React from 'react';
import styled from 'styled-components';

import { FormattedMessage } from 'react-intl';
import messages from './messages';

function Tab({title, clickTab, view}) {
  const Span = title === view ? styled.span`
    color: blue;
  ` : styled.span`
    color: green;
  `;

  return (
    <Span
      onClick={clickTab.bind(this, title)}
    >
      <FormattedMessage {...messages[title]} />
    </Span>
  );
}

Tab.propTypes = {

};

export default Tab;

@@ -264,10 +264,33 @@
 : bl
-ue
+ack;%0A    font-weight: 600
 ;%0A  
@@ -323,17 +323,36 @@
 : gr
-een
+ay;%0A    cursor: pointer
 ;%0A  %60
-;
 %0A%0A  

Update style on Tab