diff options
Diffstat (limited to 'apps/web/src/lib/guides/definitions/custom.tsx')
| -rw-r--r-- | apps/web/src/lib/guides/definitions/custom.tsx | 48 |
1 files changed, 24 insertions, 24 deletions
diff --git a/apps/web/src/lib/guides/definitions/custom.tsx b/apps/web/src/lib/guides/definitions/custom.tsx index bc92cb84..fe7944cb 100644 --- a/apps/web/src/lib/guides/definitions/custom.tsx +++ b/apps/web/src/lib/guides/definitions/custom.tsx @@ -1,24 +1,24 @@ -import { PlusSignIcon, RulerIcon } from "@hugeicons/core-free-icons"; -import { HugeiconsIcon } from "@hugeicons/react"; -import { Button } from "@/components/ui/button"; -import type { GuideDefinition } from "@/lib/guides/types"; - -function CustomGuideOptions() { - return ( - <div className="flex gap-2"> - <Button variant="outline" size="sm" className="flex-1"> - <HugeiconsIcon icon={PlusSignIcon} /> - Add guide line - </Button> - </div> - ); -} - -export const customGuide = { - id: "custom", - label: "Custom", - renderPreview: () => <HugeiconsIcon size={16} icon={RulerIcon} />, - renderTriggerIcon: () => <HugeiconsIcon icon={RulerIcon} />, - renderOverlay: () => null, - renderOptions: () => <CustomGuideOptions />, -} as const satisfies GuideDefinition; +import { PlusSignIcon, RulerIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Button } from "@/components/ui/button";
+import type { GuideDefinition } from "@/lib/guides/types";
+
+function CustomGuideOptions() {
+ return (
+ <div className="flex gap-2">
+ <Button variant="outline" size="sm" className="flex-1">
+ <HugeiconsIcon icon={PlusSignIcon} />
+ Add guide line
+ </Button>
+ </div>
+ );
+}
+
+export const customGuide = {
+ id: "custom",
+ label: "Custom",
+ renderPreview: () => <HugeiconsIcon size={16} icon={RulerIcon} />,
+ renderTriggerIcon: () => <HugeiconsIcon icon={RulerIcon} />,
+ renderOverlay: () => null,
+ renderOptions: () => <CustomGuideOptions />,
+} as const satisfies GuideDefinition;
|
