Is there a way to use `styled()` from mui (<https://mui.com/system/styled>) using kotlin-wrappers? I...

# react

[Magnus Nilsson]

Is there a way to use styled() from mui (https://mui.com/system/styled) using kotlin-wrappers? I tried this but it does not seem to work (I guess because the imported styled is emotion.styled.styled).

val MyBox = Box.styled { props, _ ->
    <http://props.sx|props.sx> {
        display = responsive(
            <http://Breakpoint.sm|Breakpoint.sm> to Display.none,
            Breakpoint.md to Display.flex,
        )
        flexGrow = responsive(
            Breakpoint.md to number(1.0),
            Breakpoint.lg to number(3.0),
        )
    }
}

[turansky]

val MyBox = Box.styled { _, _ ->
        display = responsive(
            <http://Breakpoint.sm|Breakpoint.sm> to Display.none,
            Breakpoint.md to Display.flex,
        )
        flexGrow = responsive(
            Breakpoint.md to number(1.0),
            Breakpoint.lg to number(3.0),
        )
}

?

[Magnus Nilsson]

It compiles, but nothing is set once the page is rendered.

If I remove responsive() it works this way, but then I lose responsiveness.

[turansky]

Do you have TS example with responsiveness?