Стилизованные компоненты и функциональный компонент с использованием параметра стиля

Я просто спросил себя, в чем причина использования стилизованных компонентов вместо настраиваемого функционального компонента в реакции, кроме сохранения нескольких LOC. Пример кода:

const StyledButton = (props) => (
  <button
    style={{
      color: '#E8E8E8',
      padding: '8px 16px',
    }}
    {...props}
  />
);

const jsx = () => <div><StyledButton>Click Me!</StyledButton></div>;

const StyledButton = styled.button`
  color: '#E8E8E8';
  padding: '8px 16px';
`;

const jsx = () => <div><StyledButton>Click Me!</StyledButton></div>;

С уважением, Томас