diff --git a/src/illustrations/illustration.stories.tsx b/src/illustrations/illustration.stories.tsx index b19ccdf..512cbe9 100644 --- a/src/illustrations/illustration.stories.tsx +++ b/src/illustrations/illustration.stories.tsx @@ -16,6 +16,7 @@ import { SnakeInDragonInverted } from "./snake-in-dragon-inverted"; import { SnakeLetter } from "./snake-letter"; import { SnakeLongNeck } from "./snake-long-neck"; import { SnakePencil } from "./snake-pencil"; +import { SnakeStaff } from "./snake-staff"; import { SnakeTail } from "./snake-tail"; import { SnakeWithBalloon } from "./snake-with-balloon"; import { SnakeWithContacts } from "./snake-with-contacts"; @@ -90,6 +91,9 @@ SnakeLongNeckStory.args = { component: SnakeLongNeck }; export const SnakePencilStory = Template.bind({}); SnakePencilStory.args = { component: SnakePencil }; +export const SnakeStaffStory = Template.bind({}); +SnakeStaffStory.args = { component: SnakeStaff }; + export const SnakeTailStory = Template.bind({}); SnakeTailStory.args = { component: SnakeTail }; diff --git a/src/illustrations/illustrations.ts b/src/illustrations/illustrations.ts index f4d930c..a04dbf7 100644 --- a/src/illustrations/illustrations.ts +++ b/src/illustrations/illustrations.ts @@ -15,6 +15,7 @@ import { SnakeInDragonInverted } from "./snake-in-dragon-inverted"; import { SnakeLetter } from "./snake-letter"; import { SnakeLongNeck } from "./snake-long-neck"; import { SnakePencil } from "./snake-pencil"; +import { SnakeStaff } from "./snake-staff"; import { SnakeTail } from "./snake-tail"; import { SnakeTailUp } from "./snake-tail-up"; import { SnakeWithBalloon } from "./snake-with-balloon"; @@ -64,6 +65,8 @@ export const getIllustration = (name: Illustration | undefined) => { return SnakeLongNeck; case "snakePencil": return SnakePencil; + case "snakeStaff": + return SnakeStaff; case "snakeTail": return SnakeTail; case "snakeWithBalloon": diff --git a/src/illustrations/index.ts b/src/illustrations/index.ts index 78ef526..5b92dd6 100644 --- a/src/illustrations/index.ts +++ b/src/illustrations/index.ts @@ -15,6 +15,7 @@ export { SnakeInDragonInverted } from "./snake-in-dragon-inverted"; export { SnakeLetter } from "./snake-letter"; export { SnakeLongNeck } from "./snake-long-neck"; export { SnakePencil } from "./snake-pencil"; +export { SnakeStaff } from "./snake-staff"; export { SnakeTail } from "./snake-tail"; export { SnakeWithBalloon } from "./snake-with-balloon"; export { SnakeWithContacts } from "./snake-with-contacts"; diff --git a/src/illustrations/snake-staff.tsx b/src/illustrations/snake-staff.tsx new file mode 100644 index 0000000..601cb60 --- /dev/null +++ b/src/illustrations/snake-staff.tsx @@ -0,0 +1,60 @@ +import * as React from "react"; + +export const SnakeStaff = (props: React.SVGProps) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/src/illustrations/types.ts b/src/illustrations/types.ts index b2c0ecc..dd5fd7a 100644 --- a/src/illustrations/types.ts +++ b/src/illustrations/types.ts @@ -17,6 +17,7 @@ export type Illustration = | "snakeLongNeck" | "snakeTail" | "snakePencil" + | "snakeStaff" | "snakeWithBalloon" | "snakeWithContacts" | "snakesWithBanner"