带有样式组件的条件样式

如何使用样式化组件有条件地进行样式化？

我有一个接受道具的基本组件，但它似乎不起作用（可能有些愚蠢）：

import React from 'react';
import styled from 'styled-components';

const Header = styled.h1`
  color: ${props => (props.name === 'john' ? 'red' : 'blue')};
`;

export default ({ name }) => <Header>Hello {name}!</Header>;