To handle copying styles between components. With styled-components, you can easily reuse styles between components.

sharedstyles.js

// npm install styled-components

import styled from 'styled-components';

export const SharedStyles = styled.div`
  background-color: #f0f0f0;
  padding: 20px;
  border: 1px solid #ccc;
  color: #333;
`;

// ComponentOne.js
import React from 'react';
import { SharedStyles } from './SharedStyles';

const ComponentOne = () => (
  <SharedStyles>
    Content of first div
  </SharedStyles>
);

export default ComponentOne;

// ComponentTwo.js
import React from 'react';
import { SharedStyles } from './SharedStyles';

const ComponentTwo = () => (
  <SharedStyles>
    Content of second div
  </SharedStyles>
);

export default ComponentTwo;