a tool for shared writing and social publishing
leaflet.pub
1import { useUIState } from "src/useUIState";
2import { BlockProps } from "./Block";
3
4export const HorizontalRule = (props: BlockProps) => {
5 let isSelected = useUIState((s) =>
6 s.selectedBlocks.find((b) => b.value === props.value),
7 );
8 return (
9 <hr
10 className={`my-2 w-full border-border-light
11 ${isSelected ? "block-border-selected outline-offset-[3px]!" : ""}
12 `}
13 />
14 );
15};