React - inline styling

Question

import React from 'react';

const containerStyle = {
  padding: '20px',
  border: '5px solid #000'
};
const contentStyle = {
  fontSize: '15px',
  textAlign: 'center'
};

const MainPage = () => (
  <div style={containerStyle}>
    <div style={contentStyle}>Content goes here</div>
  </div>
);

export default MainPage;