diff --git a/packages/paste-website/src/components/icons/NewHeartDoodleIcon.tsx b/packages/paste-website/src/components/icons/NewHeartDoodleIcon.tsx new file mode 100644 index 0000000000..fbf3fc066e --- /dev/null +++ b/packages/paste-website/src/components/icons/NewHeartDoodleIcon.tsx @@ -0,0 +1,36 @@ +import { useUID } from "@twilio-paste/uid-library"; +import * as React from "react"; + +export interface HeartDoodleIconProps { + className?: string; + size?: number; + color?: string; + title?: string; + decorative?: boolean; +} + +const HeartDoodleIcon = React.memo( + ({ title = "Heart Doodle Icon", decorative = true, className, color, size }: HeartDoodleIconProps) => { + const titleId = useUID(); + return ( + + + {title ? {title} : null} + + + + ); + }, +); + +export default HeartDoodleIcon; diff --git a/packages/paste-website/src/components/site-wrapper-new/site-footer/SiteFooterHeader.tsx b/packages/paste-website/src/components/site-wrapper-new/site-footer/SiteFooterHeader.tsx index cece23383e..94a4b84b62 100644 --- a/packages/paste-website/src/components/site-wrapper-new/site-footer/SiteFooterHeader.tsx +++ b/packages/paste-website/src/components/site-wrapper-new/site-footer/SiteFooterHeader.tsx @@ -1,7 +1,7 @@ import { Box } from "@twilio-paste/box"; import { useTheme } from "@twilio-paste/theme"; -import HeartDoodleIcon from "../../icons/HeartDoodleIcon"; +import HeartDoodleIcon from "../../icons/NewHeartDoodleIcon"; const SiteFooterHeader = (): JSX.Element => { const theme = useTheme();