Customizing elements (hiding url input from media embed)

[woojunro]

Hi, I'm a newbie to Plate library, and I'm facing difficulty with customizing elements, especially media embed.
I followed Media embed plugin docs to inject youtube videos to my editor and it works well. However, I found a text input where I can edit url below the video. So I tried to hide the input by customizing the media embed element, but I could not find out how to. Styling - Custom Components docs seem to explain this, but for me it is not enough...

Could I get any references or code snippets that help me handle this issue? Any codes or reference links would be appreciated. Thank you very much!

[zbeyens]

See the playground example

[woojunro]

Thank you very much! I added below code to components prop and worked well.

const components = createPlateComponents({
  // ...
  [ELEMENT_MEDIA_EMBED]: withProps(MediaEmbedElement, {
    styles: {
      root: [
        css`
          input {
            display: none;
          }
        `,
      ],
    },
  }),
});