Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
background-color: white;
max-width: 600px;
align-self: center;
padding: 20px 30px;
`
const Header = styled.div`
${Fonts.avantgarde('s11')};
margin-bottom: 10px;
text-transform: uppercase;
color: ${p => p.color};
`
Header.displayName = 'Header'
export const Title = styled.h1`
${Fonts.garamond('s30')};
margin-bottom: 15px;
`
Title.displayName = 'Title'
const Description = styled.div`
${Fonts.garamond('s19')};
max-width: 470px;
line-height: 1.1;
`
const Footer = styled.div`
display: flex;
flex-direction: row;
margin-top: 50px;
align-items: center;
`
const Header = styled.div`
${Fonts.avantgarde('s11')};
margin-bottom: 10px;
text-transform: uppercase;
color: ${p => p.color};
`
Header.displayName = 'Header'
export const Title = styled.h1`
${Fonts.garamond('s30')};
margin-bottom: 15px;
`
Title.displayName = 'Title'
const Description = styled.div`
${Fonts.garamond('s19')};
max-width: 470px;
line-height: 1.1;
`
const Footer = styled.div`
display: flex;
flex-direction: row;
margin-top: 50px;
align-items: center;
`
const ActionsContainer = styled.div`
margin-right: 20px;
`
const ActionButton = styled.button`
onClick={() => this.onRemoveItem(i)}
/>
)
})}
}
)
}
}
export const ListItem = styled.div`
${Fonts.garamond('s17')}
align-items: center;
border: 2px solid ${colors.grayRegular};
color: ${props => props.color ? props.color : colors.purpleRegular};
cursor: pointer;
display: flex;
justify-content: space-between;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 10px;
overflow: ellipsis;
padding: 5px 20px 5px 10px;
position: relative;
text-transform: none;
`
const Header = styled.div`
${Fonts.avantgarde('s11')};
margin-bottom: 10px;
text-transform: uppercase;
color: ${p => p.color};
`
Header.displayName = 'Header'
export const Title = styled.h1`
${Fonts.garamond('s30')};
margin-bottom: 15px;
`
Title.displayName = 'Title'
const Description = styled.div`
${Fonts.garamond('s19')};
max-width: 470px;
line-height: 1.1;
`
const Footer = styled.div`
display: flex;
flex-direction: row;
margin-top: 50px;
align-items: center;
`
const ActionsContainer = styled.div`
margin-right: 20px;
`
const ActionButton = styled.button`
background-color: white;
max-width: 600px;
align-self: center;
padding: 20px 30px;
`
const Header = styled.div`
${Fonts.avantgarde('s11')};
margin-bottom: 10px;
text-transform: uppercase;
color: ${p => p.color};
`
Header.displayName = 'Header'
export const Title = styled.h1`
${Fonts.garamond('s30')};
margin-bottom: 15px;
`
Title.displayName = 'Title'
const Description = styled.div`
${Fonts.garamond('s19')};
max-width: 470px;
line-height: 1.1;
`
const Footer = styled.div`
display: flex;
flex-direction: row;
margin-top: 50px;
align-items: center;
`