wrap rounded cuboid with color wrapper

tscircuit · Aug 5, 2024 · 0b49895 · 0b49895
1 parent 7d09107
commit 0b49895
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/examples/rounded-cuboid.fixture.tsx b/examples/rounded-cuboid.fixture.tsx
@@ -3,6 +3,11 @@ import { JsCadFixture } from "../lib/components/jscad-fixture"
 
 export default () => (
   <JsCadFixture>
-    <RoundedCuboid size={[15, 10, 10]} roundRadius={1} center={[0, 0, 10]} />
+    <RoundedCuboid
+      size={[15, 10, 10]}
+      roundRadius={1}
+      color="skyblue"
+      center={[0, 0, 10]}
+    />
   </JsCadFixture>
 )
diff --git a/lib/jscad-fns/rounded-cuboid.tsx b/lib/jscad-fns/rounded-cuboid.tsx
@@ -1,3 +1,4 @@
+import { withColorProp } from "../wrappers/with-color-prop"
 import { withOffsetProp } from "../wrappers/with-offset-prop"
 
 export type RoundedCuboidProps = {
@@ -9,4 +10,4 @@ const RoundedCuboidBase = ({ size, roundRadius }: RoundedCuboidProps) => {
   return <roundedCuboid size={size} roundRadius={roundRadius} />
 }
 
-export const RoundedCuboid = withOffsetProp(RoundedCuboidBase)
+export const RoundedCuboid = withOffsetProp(withColorProp(RoundedCuboidBase))