How to use the @edtr-io/editor-ui.styled.p function in @edtr-io/editor-ui

backgroundColor: theme.menu.dropzone.highlightBackgroundColor
      },
      [`&:hover ${StyledIcon}`]: {
        color: theme.backgroundColor
      },
      '@media (max-width: 1000px)': {
        padding: '10px 20px'
      },
      '@media (min-width: 1000px)': {
        width: '85%'
      }
    }
  }
)

const Caption = styled.p(
  ({ name, ...props }) => {
    const theme = createRowPluginTheme(name, props.theme)
    return {
      marginBottom: 0,
      color: theme.menu.dropzone.color,
      textAlign: 'center',
      maxWidth: '600px',
      fontFamily: '"PT Sans Narrow", sans-serif',
      fontWeight: 'bold'
    }
  }
)

export const Dropzone: React.FunctionComponent<{ name: string }> = ({
  name
}) => {