pratice-styled-component-(2)-receive-props.jsx

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

const Title = styled.div`
  font-size: 32px;
  color: ${props => props.color ? props.color : '#0f4c75'};
`;

const App = () => (
  <>
    <Title>Hello world!</Title>
    <Title color="#fdcb9e">Hello world!</Title>
  </>
);

export default App;