stylelint-processor-styled-components/test/fixtures/hard/indentation.js

A stylelint processor for styled-components

import styled, { keyframes, css } from 'styled-components'

// None of the below should throw indentation errors
const Comp = () => {
  const Button = styled.button`
    color: blue;
  `

  return Button
}

const Comp2 = () => {
  const InnerComp = () => {
    const Button = styled.button`
      color: blue;
    `

    return Button
  }

  return InnerComp()
}

const Button = styled.button`color: blue;`

const animations = {
  spinnerCircle: keyframes`
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  `
}

const helper = condition => {
  if (condition) {
    return css`
      color: red;

      &:hover {
        color: blue;
      }
    `
  }
  return null
}