/**
 * Module dependencies
 */
import React from 'react';

/**
 * Component definition
 */
const Price = props => (
  <span className={"price-tag " + (props.className || '')} itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <meta itemprop="price" content={props.fraction + props.separator + props.cents}/>
    <span className="price-tag-symbol" itemprop="priceCurrency" content={props.currency}>{props.symbol}</span>
    <span className="price-tag-fraction">{props.fraction}</span>
    <span className="price-tag-decimal-separator">{props.separator}</span>
    <span className="price-tag-cents">{props.cents}</span>
  </span>
);

/**
 * Component Prop Validation
 */
Price.propTypes = {
  className: React.PropTypes.string,
  currency: React.PropTypes.string.isRequired,
  symbol: React.PropTypes.string.isRequired,
  fraction: React.PropTypes.string.isRequired,
  separator: React.PropTypes.oneOf(['.', ',']).isRequired,
  cents: React.PropTypes.string.isRequired,
  lineThrough: React.PropTypes.bool
};

/**
 * Expose component
 */
export default Price;



// const content = props => (
//   <div>
//     <span className="price-tag-symbol" itemprop="priceCurrency" content={props.currency}>{props.symbol}</span>
//     <span className="price-tag-fraction">{props.fraction}</span>
//     <span className="price-tag-decimal-separator">{props.separator}</span>
//     <span className="price-tag-cents">{props.cents}</span>
//   </div>
// );
//
//
// /**
//  * Component definition
//  */
// const Price = props => (
//   <span className={"price-tag " + (props.className || '')} itemprop="offers" itemscope itemtype="http://schema.org/Offer">
//     <meta itemprop="price" content={props.fraction + props.separator + props.cents}/>
//     {
//       props.lineThrough ?
//         <del>{content(props)}</del>
//       :
//         content(props)
//     }
//   </span>
// );

@@ -164,33 +164,33 @@
 ame %7C%7C '')%7D item
-p
+P
 rop=%22offers%22 ite
@@ -182,33 +182,33 @@
 op=%22offers%22 item
-s
+S
 cope itemtype=%22h
@@ -192,33 +192,33 @@
 %22 itemScope item
-t
+T
 ype=%22http://sche
@@ -238,33 +238,33 @@
 %3E%0A    %3Cmeta item
-p
+P
 rop=%22price%22 cont
@@ -353,33 +353,33 @@
 tag-symbol%22 item
-p
+P
 rop=%22priceCurren

Update HTML5 microdata syntax for React.