post.js

import React from 'react';
import styles from './styles.css';

export default ({ title, }) => (
  <section className={styles.wrapper}>
      {title}
  </section>
);

/*
  If styles.wrapper isn't used, you can get notified in-editor of unused CSS.
  on the page it will be [directory]__[filename]___[classname]
  
  Ex:
  
  Given src/components/Button/Button.module.css with a class .primary {}, 
  the generated classname in development will be src-components-Button__Button-module___primary
  
  debugging is super easy since you can always find where the CSS is located
*/

styles.module.css

.wrapper {
  position: relative;
  padding: 40px;
}