How to use the @emotion/css.cx function in @emotion/css

export default function Form(
  {
    className,
    children,
    isValid,
    onSubmit,
    submitName
  }: Props
) {
  return (
    <form> e.preventDefault()}
    &gt;
      {children}
      {
        <input style="{{" type="submit" hidden="">
      }</form>

export default function Pill(
  {
    className,
    children,
    onClick
  }: Props
) {
  return (
    <div>
      {
        children</div>

export default function TextInput(
  props: Props
) {
  return (
    <input> props.onChange(target.value)}
    /&gt;
  )
}

export default function InputGroup(props) {
  return (
    <div>
      {props.children}
    </div>
  )
}

export default function PanelRow(
  {
    className,
    children
  }: Props
) {
  return (
    <div>
      {children}
    </div>

  )
}

export default function Container(
  {
    className,
    style,
    children
  }: Props
) {
  return (
    <div style="{style}">
      {
        children
      }
    </div>
  )
}

? renderIcon()
              : null
          }
          <input>
        
      }
      suggestions={options}
      shouldRenderSuggestions={
        shouldSearch
          ? shouldSearch
          : () =&gt; true
      }
      theme={{
        container: cx(
          css({
            width: '100%',
            position: 'relative'
          }),
          className
        ),
        input: css({
          ...formElementStyles,
          backgroundColor: brandColors.white,
          color: brandColors.black,
          padding: '1rem 1.2rem',
          width: '100%'
        }),
        suggestionsContainerOpen: css({
          backgroundColor: brandColors.white,
          border: `1px solid ${brandColors.lightGray}`,

export default function Modal(
  {
    children,
    className,
    isCompleteDisabled,
    isOpen,
    onComplete,
    onClose,
    title,
  }: Props
) {
  return (

export default function PanelSection(props) {
  return (
    <div>
      <div>
        {props.title}
        {
          props.summary &amp;&amp;
          <div></div></div></div>