reactjs - styled-components でスタイルを任意に注入する

Question

グリッドにさまざまなコントロールを設定しています (この例では、アップダウン カウンターとテキスト ボックス)。

現在、clsメンバーにスタイルを注入しています (この例では、たとえばwide-inputand にすることができますnarrow-input):

render(): ReactNode {
    const input: CellItem[] = [
        { isUpdown: false, cls: 'wide-input' },
        { isUpdown: true, cls: 'narrow-input' },
    ];

    return (
        <GridContainer>
            input.map(content, index): ReactNode => {
                return (
                    content.isUpdown ?
                        <StyledUpdownCell className={content.cls} /> :
                        <StyledTextBoxCell className={content.cls} /> :
                )               
            }
        </GridContainer>
    );
}

私の質問は、styled-componentsを使用してそれを行う適切な方法は何ですか?

任意のスタイルを挿入する方法はありますか (content.clsこの例では、明日はカスタムの境界線の色を設定することもできます)