How to pass props to a styled component in emotion? Using TypeScript

reactjs typescript styled-components emotion css-in-js

by this docs, you can make it like:

type ToolsHeaderProps = {  someNumber: number}

const ToolsHeaderColumn = styled('div')`  padding-top: ${(props: ToolsHeaderProps) => props.someNumber };`

if you're using typescript 2.9+, you can use this:

const ToolsHeaderColumn = styled.div<ToolsHeaderProps>`  padding-top: ${(props: ToolsHeaderProps) => props.someNumber};`

CodeHunter