({ className, ...props }: React.ComponentProps<"button">)
| 260 | } |
| 261 | |
| 262 | function SidebarRail({ className, ...props }: React.ComponentProps<"button">) { |
| 263 | const { toggleSidebar } = useSidebar(); |
| 264 | |
| 265 | return ( |
| 266 | // oxlint-disable-next-line react/forbid-elements |
| 267 | <button |
| 268 | data-sidebar="rail" |
| 269 | data-slot="sidebar-rail" |
| 270 | aria-label="Toggle Sidebar" |
| 271 | tabIndex={-1} |
| 272 | onClick={toggleSidebar} |
| 273 | title="Toggle Sidebar" |
| 274 | className={cn( |
| 275 | "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex", |
| 276 | "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", |
| 277 | "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", |
| 278 | "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", |
| 279 | "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", |
| 280 | "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", |
| 281 | className, |
| 282 | )} |
| 283 | {...props} |
| 284 | /> |
| 285 | ); |
| 286 | } |
| 287 | |
| 288 | function SidebarInset({ className, ...props }: React.ComponentProps<"main">) { |
| 289 | return ( |
nothing calls this directly
no test coverage detected