import React from 'react';

const Title = ({ number, text }) => (
  <div style={{ display: 'flex', alignItems: 'center', fontFamily: 'PingFangSC-Medium', marginTop: 28, marginBottom: 8 }}>
    <div
      style={{
        borderRadius: '50%',
        background: '#2491F7',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        fontSize: 11,
        color: '#FFFFFF',
        width: 14,
        height: 14,
        marginRight: 8
      }}
    >
      {number}
    </div>
    <div
      style={{
        fontSize: 14,
        color: '#fff'
      }}
    >
      {text}
    </div>
  </div>
);

export default Title;
