File size: 1,395 Bytes
3e05655 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | import { Show, type JSX, type ParentProps } from "solid-js"
import "./session-review-v2.css"
export function SessionFilePanelV2(props: {
sidebar?: JSX.Element
toolbar: boolean
toolbarStart?: JSX.Element
toolbarEnd?: JSX.Element
children?: JSX.Element
}) {
return (
<div data-component="session-review-v2">
<div data-slot="session-review-v2-body">
{props.sidebar}
<div data-slot="session-review-v2-preview">
<Show when={props.toolbar}>
<div data-slot="session-review-v2-toolbar">
<div data-slot="session-review-v2-toolbar-group" class="session-review-v2-toolbar-group--start">
{props.toolbarStart}
</div>
<Show when={props.toolbarEnd}>
{(toolbar) => (
<div data-slot="session-review-v2-toolbar-group" class="session-review-v2-toolbar-group--segments">
{toolbar()}
</div>
)}
</Show>
</div>
</Show>
{props.children}
</div>
</div>
</div>
)
}
export function SessionFilePanelV2Title(props: ParentProps) {
return <div data-slot="session-review-v2-toolbar-title">{props.children}</div>
}
export function SessionFilePanelV2Empty(props: ParentProps) {
return <div data-slot="session-review-v2-empty">{props.children}</div>
}
|