typescript - 如何为样式化组件定义 TypeScript 接口？

Question

我知道使用样式化组件和 TypeScript 的基础知识。但是，我在任何地方都找不到如何使用接收属性的样式化组件。请检查以下示例：

type Color {
  primaryColor: string
}

interface ICustomButton {
  theme: Color;
  radius: string;
}

const CustomButton = styled(Header1).attr({ as: 'div' })<ICustomButton>`
  border-radius: ${({ radius }) => radius}px;
  box-shadow: 0 4px 4px 0 rgba(129, 129, 129, 0.5);
  background: ${({ theme }) => theme.primaryColor};
`

我不知道应该如何在 CustomButton 中声明类型。

标签： typescriptstyled-components