react styled中使用变量

父级

import { Wrap } from './style';

export default function Parent (){
    return {
        <Wrap isAmazing={ true } />
    }
}

子级

import styled from "styled-components";

export const Wrap = styled.div`{
    height: 100%;
    ${props => props.isAmazing && `border-top: 1px solid #0047bb;`};
}`