Pane Split

<Split
  p1="20%"
  p1min="100px"
  p2=""
  p2min="19%"
  disabled="{true}"
  storageKey=""
  relative
  --separator-width="12px"
  --separator-bg="violet"
  --separator-hover-bg="orange"
  --first-pane-bg="olive"
  --second-pane-bg="dimgray"
>
  <MyComponent slot="first" />
  <MyComponent slot="second" />
</Split>

CSS

.split.wrapper {
  --first-pane-bg: olive;
  --second-pane-bg: dimgray;
  --separator-width: 2px;
  --separator-bg: gray;
  --separator-hover-bg: var(--fg-alpha);
}