[styled-components] Adds newline in template literal #4355
Description
Prettier 1.12.1
Playground link
Input:
const Example = styled.div`
border: 1px solid ${({active}) => active ? themeColor.active : themeColor.inactive};
`;Output:
const Example = styled.div`
border: 1px solid
${({ active }) => (active ? themeColor.active : themeColor.inactive)};
`;Expected behavior:
Prettier should not add a newline after 'solid' because it changes the resulting string. Something along these lines would be better.
const Example = styled.div`
border: 1px solid ${({active}) =>
active ? themeColor.active : themeColor.inactive
};
`;