Javascript 用CSS传递React道具，并在带有TypeScript的组件中使用它们？

我在React中有一个道具，我正在尝试使用CSS样式设置。你最终将能够改变方向。我用CSS和一个对象创建了一个道具。这是它的代码

export const styling = (props: any) => {
    let styles = {
           box: {
            transform: 'rotate(90deg)'
           }
          box2: { 
            transform: 'rotate(95deg)'
           }
        }
    }

我如何以正确的方式在组件中调用它？我想这样称呼它：

<Dropdownstyling styles={box}}/> 

---

但这是不对的

您需要参考您创建的样式对象：

<Dropdownstyling style={styling.styles.box}/> 

---

您需要传递

样式设置，而不是将
框传递给styles对象