@cleen/ui 0.1.0

package/src/components/cleenIcon/CleenIcon.tsx

@@ -0,0 +1,674 @@
+import { IconBookmarkCheck } from '@/components/cleenIcon/icons/IconBookmarkCheck';
+import { IconBookmarkCheckFill } from '@/components/cleenIcon/icons/IconBookmarkCheckFill';
+import { IconBookmarkPlus } from '@/components/cleenIcon/icons/IconBookmarkPlus';
+import { IconBuilding } from '@/components/cleenIcon/icons/IconBuilding';
+import { IconColumnEdit } from '@/components/cleenIcon/icons/IconColumnEdit';
+import {
+  IconAlertCircle,
+  IconAlertFeatured,
+  IconAlertOctagon,
+  IconAlertTriangle,
+  IconAlignRight,
+  IconArrowDown,
+  IconArrowLeft,
+  IconArrowLeft2,
+  IconArrowRight,
+  IconArrowToTop,
+  IconArrowUp,
+  IconArrowUpRight,
+  IconArrowUpRightNarrow,
+  IconArrowUpRightSquare,
+  IconAttachment,
+  IconBarChartSquare,
+  IconBold,
+  IconBookmarkX,
+  IconBoxLines,
+  IconBoxText,
+  IconBracketsCheck,
+  IconBracketsEllipses,
+  IconCalendar,
+  IconCertificateHeart,
+  IconCheck,
+  IconCheckCircle,
+  IconCheckCircleBroken,
+  IconCheckFill,
+  IconCheckVerified,
+  IconChevronDown,
+  IconChevronLeft,
+  IconChevronLeftDouble,
+  IconChevronRight,
+  IconChevronRightDouble,
+  IconChevronSelectorVertical,
+  IconChevronUp,
+  IconCircleSwap,
+  IconClockFastForward,
+  IconClockRewind,
+  IconClockRewind2,
+  IconCodeBrowser,
+  IconCodeCircle,
+  IconColors,
+  IconCopy,
+  IconCopy2,
+  IconCopy3,
+  IconCopy4,
+  IconCopy5,
+  IconCopyCheck,
+  IconCube,
+  IconCubeOutline,
+  IconCursorBox,
+  IconDataflow,
+  IconDataflow2,
+  IconDataflow3,
+  IconDelete,
+  IconDollarCircle,
+  IconDotsGrid,
+  IconDotsHorizontal,
+  IconDotsVertical,
+  IconEdit,
+  IconEditable,
+  IconExpand,
+  IconEye,
+  IconEyeHidden,
+  IconEyeHidden2,
+  IconFaceSmile,
+  IconFilter,
+  IconFilter2,
+  IconFlag,
+  IconFlag2,
+  IconFlag3,
+  IconHandShield,
+  IconHash,
+  IconHeadsetMic,
+  IconHeart,
+  IconHouseLine,
+  IconImage,
+  IconImage2,
+  IconImage3,
+  IconImage4,
+  IconImageCheck,
+  IconInfoCircle,
+  IconInfoHexagon,
+  IconItalic,
+  IconLayersMultiple,
+  IconLayersSingle,
+  IconLayout,
+  IconLayout2,
+  IconLayoutColumns,
+  IconLayoutCustom,
+  IconLayoutSequential,
+  IconLayoutStuffed,
+  IconLayoutTile,
+  IconLifeBuoy,
+  IconLightning,
+  IconLightning2,
+  IconLightningFast,
+  IconLineChartBar,
+  IconLineChartBreakoutSquare,
+  IconLineChartUp,
+  IconLineChartUp2,
+  IconLines,
+  IconLinesCheck,
+  IconLinesPlay,
+  IconLink,
+  IconLink2,
+  IconLink3,
+  IconLink4,
+  IconLink5,
+  IconListBullet,
+  IconListOrder,
+  IconListOrder2,
+  IconLock,
+  IconLock2,
+  IconLogIn,
+  IconLogOut,
+  IconLogOut2,
+  IconMagicWand,
+  IconMagicWand2,
+  IconMail,
+  IconMessageSquare,
+  IconMessageSquare2,
+  IconMessageXSquare,
+  IconMinusCircle,
+  IconMobile,
+  IconMonitor,
+  IconMonitor2,
+  IconMonitor3,
+  IconMoonCircle,
+  IconNavigationPointer,
+  IconNotificationBox,
+  IconPCSetup,
+  IconPalette,
+  IconPasscodeLock,
+  IconPencil,
+  IconPercentageCircle,
+  IconPerspective,
+  IconPhoneCall,
+  IconPin,
+  IconPlayCircle,
+  IconPlus,
+  IconPlusCircle,
+  IconPulse,
+  IconQuestionCircle,
+  IconRadioButton,
+  IconRadioButtonActive,
+  IconReceiptCheck,
+  IconRedo,
+  IconRefresh,
+  IconRefresh2,
+  IconRefresh3,
+  IconRepeat,
+  IconRepeat2,
+  IconRetweet,
+  IconRoundChart,
+  IconRoundChart2,
+  IconRoute,
+  IconSave,
+  IconSave2,
+  IconScanDots,
+  IconSearch,
+  IconSend,
+  IconSettings,
+  IconSettings2,
+  IconSettings3,
+  IconShieldLightning,
+  IconShieldPlus,
+  IconShieldRemove,
+  IconShuffle,
+  IconSlashCircle,
+  IconSlashOctagon,
+  IconSocialGlobe,
+  IconSocialLinkedin,
+  IconSocialX,
+  IconSpeedometer,
+  IconStairsRound,
+  IconStar,
+  IconStarHalf,
+  IconStars,
+  IconStars2,
+  IconStrikethrough,
+  IconSuccessFeatured,
+  IconSun,
+  IconSwitchHorizontal,
+  IconTag,
+  IconTarget,
+  IconTarget2,
+  IconTextFormat,
+  IconTextFormat2,
+  IconTextHighlight,
+  IconTranslate,
+  IconTrash,
+  IconTrending,
+  IconUnderline,
+  IconUndo,
+  IconUndo2,
+  IconUploadCloud,
+  IconUser,
+  IconUserEdit,
+  IconUserRight,
+  IconUserSquare,
+  IconUsers,
+  IconUsersUp,
+  IconVolume,
+  IconWrench,
+  IconX,
+  IconXCircle,
+  IconXCircle2,
+  IconXClose,
+  IconXSquare,
+} from './icons';
+import { IconLightbulb } from './icons/IconLightbulb';
+import { IconName, type IconProps } from './types/icon';
+
+interface SuperIconProps extends IconProps {
+  name: IconName;
+  color?: string;
+}
+
+/**
+ * The `CleenIcon` component renders a named SVG icon from the built-in icon library.
+ *
+ * - Pick an icon via the `name` prop using the `IconName` enum.
+ * - Use `color` to set the primary fill color of the icon.
+ * - `color1` and `color2` are available for dual-tone icons that use two separate fill areas.
+ * - All standard SVG props (e.g. `className`, `style`, `width`, `height`, `aria-*`) are forwarded to the underlying SVG element.
+ */
+export function CleenIcon({ name, ...props }: SuperIconProps) {
+  switch (name) {
+    case IconName.AlertCircle:
+      return <IconAlertCircle {...props} />;
+    case IconName.AlertFeatured:
+      return <IconAlertFeatured {...props} />;
+    case IconName.AlertOctagon:
+      return <IconAlertOctagon {...props} />;
+    case IconName.AlertTriangle:
+      return <IconAlertTriangle {...props} />;
+    case IconName.AlignRight:
+      return <IconAlignRight {...props} />;
+    case IconName.ArrowDown:
+      return <IconArrowDown {...props} />;
+    case IconName.ArrowLeft:
+      return <IconArrowLeft {...props} />;
+    case IconName.ArrowLeft2:
+      return <IconArrowLeft2 {...props} />;
+    case IconName.ArrowRight:
+      return <IconArrowRight {...props} />;
+    case IconName.ArrowToTop:
+      return <IconArrowToTop {...props} />;
+    case IconName.ArrowUp:
+      return <IconArrowUp {...props} />;
+    case IconName.ArrowUpRight:
+      return <IconArrowUpRight {...props} />;
+    case IconName.ArrowUpRightNarrow:
+      return <IconArrowUpRightNarrow {...props} />;
+    case IconName.ArrowUpRightSquare:
+      return <IconArrowUpRightSquare {...props} />;
+    case IconName.Attachment:
+      return <IconAttachment {...props} />;
+    case IconName.BarChartSquare:
+      return <IconBarChartSquare {...props} />;
+    case IconName.Bold:
+      return <IconBold {...props} />;
+    case IconName.BookmarkCheck:
+      return <IconBookmarkCheck {...props} />;
+    case IconName.BookmarkCheckFill:
+      return <IconBookmarkCheckFill {...props} />;
+    case IconName.BookmarkPlus:
+      return <IconBookmarkPlus {...props} />;
+    case IconName.BookmarkX:
+      return <IconBookmarkX {...props} />;
+    case IconName.BoxLines:
+      return <IconBoxLines {...props} />;
+    case IconName.BoxText:
+      return <IconBoxText {...props} />;
+    case IconName.BracketsCheck:
+      return <IconBracketsCheck {...props} />;
+    case IconName.BracketsEllipses:
+      return <IconBracketsEllipses {...props} />;
+    case IconName.Building:
+      return <IconBuilding {...props} />;
+    case IconName.Calendar:
+      return <IconCalendar {...props} />;
+    case IconName.CertificateHeart:
+      return <IconCertificateHeart {...props} />;
+    case IconName.Check:
+      return <IconCheck {...props} />;
+    case IconName.CheckCircle:
+      return <IconCheckCircle {...props} />;
+    case IconName.CheckCircleBroken:
+      return <IconCheckCircleBroken {...props} />;
+    case IconName.CheckFill:
+      return <IconCheckFill {...props} />;
+    case IconName.CheckVerified:
+      return <IconCheckVerified {...props} />;
+    case IconName.ChevronDown:
+      return <IconChevronDown {...props} />;
+    case IconName.ChevronLeft:
+      return <IconChevronLeft {...props} />;
+    case IconName.ChevronLeftDouble:
+      return <IconChevronLeftDouble {...props} />;
+    case IconName.ChevronRight:
+      return <IconChevronRight {...props} />;
+    case IconName.ChevronRightDouble:
+      return <IconChevronRightDouble {...props} />;
+    case IconName.ChevronSelectorVertical:
+      return <IconChevronSelectorVertical {...props} />;
+    case IconName.ChevronUp:
+      return <IconChevronUp {...props} />;
+    case IconName.CircleSwap:
+      return <IconCircleSwap {...props} />;
+    case IconName.ClockFastForward:
+      return <IconClockFastForward {...props} />;
+    case IconName.ClockRewind:
+      return <IconClockRewind {...props} />;
+    case IconName.ClockRewind2:
+      return <IconClockRewind2 {...props} />;
+    case IconName.CodeBrowser:
+      return <IconCodeBrowser {...props} />;
+    case IconName.CodeCircle:
+      return <IconCodeCircle {...props} />;
+    case IconName.Colors:
+      return <IconColors {...props} />;
+    case IconName.ColumnEdit:
+      return <IconColumnEdit {...props} />;
+    case IconName.Copy:
+      return <IconCopy {...props} />;
+    case IconName.Copy2:
+      return <IconCopy2 {...props} />;
+    case IconName.Copy3:
+      return <IconCopy3 {...props} />;
+    case IconName.Copy4:
+      return <IconCopy4 {...props} />;
+    case IconName.Copy5:
+      return <IconCopy5 {...props} />;
+    case IconName.CopyCheck:
+      return <IconCopyCheck {...props} />;
+    case IconName.Cube:
+      return <IconCube {...props} />;
+    case IconName.CubeOutline:
+      return <IconCubeOutline {...props} />;
+    case IconName.CursorBox:
+      return <IconCursorBox {...props} />;
+    case IconName.Dataflow:
+      return <IconDataflow {...props} />;
+    case IconName.Dataflow2:
+      return <IconDataflow2 {...props} />;
+    case IconName.Dataflow3:
+      return <IconDataflow3 {...props} />;
+    case IconName.Delete:
+      return <IconDelete {...props} />;
+    case IconName.DollarCircle:
+      return <IconDollarCircle {...props} />;
+    case IconName.DotsGrid:
+      return <IconDotsGrid {...props} />;
+    case IconName.DotsHorizontal:
+      return <IconDotsHorizontal {...props} />;
+    case IconName.DotsVertical:
+      return <IconDotsVertical {...props} />;
+    case IconName.Edit:
+      return <IconEdit {...props} />;
+    case IconName.Editable:
+      return <IconEditable {...props} />;
+    case IconName.Expand:
+      return <IconExpand {...props} />;
+    case IconName.Eye:
+      return <IconEye {...props} />;
+    case IconName.EyeHidden:
+      return <IconEyeHidden {...props} />;
+    case IconName.EyeHidden2:
+      return <IconEyeHidden2 {...props} />;
+    case IconName.FaceSmile:
+      return <IconFaceSmile {...props} />;
+    case IconName.Filter:
+      return <IconFilter {...props} />;
+    case IconName.Filter2:
+      return <IconFilter2 {...props} />;
+    case IconName.Flag:
+      return <IconFlag {...props} />;
+    case IconName.Flag2:
+      return <IconFlag2 {...props} />;
+    case IconName.Flag3:
+      return <IconFlag3 {...props} />;
+    case IconName.HandShield:
+      return <IconHandShield {...props} />;
+    case IconName.Hash:
+      return <IconHash {...props} />;
+    case IconName.HeadsetMic:
+      return <IconHeadsetMic {...props} />;
+    case IconName.Heart:
+      return <IconHeart {...props} />;
+    case IconName.HouseLine:
+      return <IconHouseLine {...props} />;
+    case IconName.Image:
+      return <IconImage {...props} />;
+    case IconName.Image2:
+      return <IconImage2 {...props} />;
+    case IconName.Image3:
+      return <IconImage3 {...props} />;
+    case IconName.Image4:
+      return <IconImage4 {...props} />;
+    case IconName.ImageCheck:
+      return <IconImageCheck {...props} />;
+    case IconName.InfoCircle:
+      return <IconInfoCircle {...props} />;
+    case IconName.InfoHexagon:
+      return <IconInfoHexagon {...props} />;
+    case IconName.Italic:
+      return <IconItalic {...props} />;
+    case IconName.LayersMultiple:
+      return <IconLayersMultiple {...props} />;
+    case IconName.LayersSingle:
+      return <IconLayersSingle {...props} />;
+    case IconName.Layout:
+      return <IconLayout {...props} />;
+    case IconName.Layout2:
+      return <IconLayout2 {...props} />;
+    case IconName.LayoutColumns:
+      return <IconLayoutColumns {...props} />;
+    case IconName.LayoutCustom:
+      return <IconLayoutCustom {...props} />;
+    case IconName.LayoutSequential:
+      return <IconLayoutSequential {...props} />;
+    case IconName.LayoutStuffed:
+      return <IconLayoutStuffed {...props} />;
+    case IconName.LayoutTile:
+      return <IconLayoutTile {...props} />;
+    case IconName.LifeBuoy:
+      return <IconLifeBuoy {...props} />;
+    case IconName.Lightning:
+      return <IconLightning {...props} />;
+    case IconName.Lightbulb:
+      return <IconLightbulb {...props} />;
+    case IconName.Lightning2:
+      return <IconLightning2 {...props} />;
+    case IconName.LightningFast:
+      return <IconLightningFast {...props} />;
+    case IconName.LineChartBar:
+      return <IconLineChartBar {...props} />;
+    case IconName.LineChartBreakoutSquare:
+      return <IconLineChartBreakoutSquare {...props} />;
+    case IconName.LineChartUp:
+      return <IconLineChartUp {...props} />;
+    case IconName.LineChartUp2:
+      return <IconLineChartUp2 {...props} />;
+    case IconName.Lines:
+      return <IconLines {...props} />;
+    case IconName.LinesCheck:
+      return <IconLinesCheck {...props} />;
+    case IconName.LinesPlay:
+      return <IconLinesPlay {...props} />;
+    case IconName.Link:
+      return <IconLink {...props} />;
+    case IconName.Link2:
+      return <IconLink2 {...props} />;
+    case IconName.Link3:
+      return <IconLink3 {...props} />;
+    case IconName.Link4:
+      return <IconLink4 {...props} />;
+    case IconName.Link5:
+      return <IconLink5 {...props} />;
+    case IconName.ListBullet:
+      return <IconListBullet {...props} />;
+    case IconName.ListOrder:
+      return <IconListOrder {...props} />;
+    case IconName.ListOrder2:
+      return <IconListOrder2 {...props} />;
+    case IconName.Lock:
+      return <IconLock {...props} />;
+    case IconName.Lock2:
+      return <IconLock2 {...props} />;
+    case IconName.LogIn:
+      return <IconLogIn {...props} />;
+    case IconName.LogOut:
+      return <IconLogOut {...props} />;
+    case IconName.LogOut2:
+      return <IconLogOut2 {...props} />;
+    case IconName.MagicWand:
+      return <IconMagicWand {...props} />;
+    case IconName.MagicWand2:
+      return <IconMagicWand2 {...props} />;
+    case IconName.Mail:
+      return <IconMail {...props} />;
+    case IconName.MessageSquare:
+      return <IconMessageSquare {...props} />;
+    case IconName.MessageSquare2:
+      return <IconMessageSquare2 {...props} />;
+    case IconName.MessageXSquare:
+      return <IconMessageXSquare {...props} />;
+    case IconName.MinusCircle:
+      return <IconMinusCircle {...props} />;
+    case IconName.Mobile:
+      return <IconMobile {...props} />;
+    case IconName.Monitor:
+      return <IconMonitor {...props} />;
+    case IconName.Monitor2:
+      return <IconMonitor2 {...props} />;
+    case IconName.Monitor3:
+      return <IconMonitor3 {...props} />;
+    case IconName.MoonCircle:
+      return <IconMoonCircle {...props} />;
+    case IconName.NavigationPointer:
+      return <IconNavigationPointer {...props} />;
+    case IconName.NotificationBox:
+      return <IconNotificationBox {...props} />;
+    case IconName.Palette:
+      return <IconPalette {...props} />;
+    case IconName.PasscodeLock:
+      return <IconPasscodeLock {...props} />;
+    case IconName.PCSetup:
+      return <IconPCSetup {...props} />;
+    case IconName.Pencil:
+      return <IconPencil {...props} />;
+    case IconName.PercentageCircle:
+      return <IconPercentageCircle {...props} />;
+    case IconName.Perspective:
+      return <IconPerspective {...props} />;
+    case IconName.PhoneCall:
+      return <IconPhoneCall {...props} />;
+    case IconName.Pin:
+      return <IconPin {...props} />;
+    case IconName.PlayCircle:
+      return <IconPlayCircle {...props} />;
+    case IconName.Plus:
+      return <IconPlus {...props} />;
+    case IconName.PlusCircle:
+      return <IconPlusCircle {...props} />;
+    case IconName.Pulse:
+      return <IconPulse {...props} />;
+    case IconName.QuestionCircle:
+      return <IconQuestionCircle {...props} />;
+    case IconName.RadioButton:
+      return <IconRadioButton {...props} />;
+    case IconName.RadioButtonActive:
+      return <IconRadioButtonActive {...props} />;
+    case IconName.ReceiptCheck:
+      return <IconReceiptCheck {...props} />;
+    case IconName.Redo:
+      return <IconRedo {...props} />;
+    case IconName.Refresh:
+      return <IconRefresh {...props} />;
+    case IconName.Refresh2:
+      return <IconRefresh2 {...props} />;
+    case IconName.Refresh3:
+      return <IconRefresh3 {...props} />;
+    case IconName.Repeat:
+      return <IconRepeat {...props} />;
+    case IconName.Repeat2:
+      return <IconRepeat2 {...props} />;
+    case IconName.Retweet:
+      return <IconRetweet {...props} />;
+    case IconName.RoundChart:
+      return <IconRoundChart {...props} />;
+    case IconName.RoundChart2:
+      return <IconRoundChart2 {...props} />;
+    case IconName.Route:
+      return <IconRoute {...props} />;
+    case IconName.Save:
+      return <IconSave {...props} />;
+    case IconName.Save2:
+      return <IconSave2 {...props} />;
+    case IconName.ScanDots:
+      return <IconScanDots {...props} />;
+    case IconName.Search:
+      return <IconSearch {...props} />;
+    case IconName.Send:
+      return <IconSend {...props} />;
+    case IconName.Settings:
+      return <IconSettings {...props} />;
+    case IconName.Settings2:
+      return <IconSettings2 {...props} />;
+    case IconName.Settings3:
+      return <IconSettings3 {...props} />;
+    case IconName.ShieldLightning:
+      return <IconShieldLightning {...props} />;
+    case IconName.ShieldPlus:
+      return <IconShieldPlus {...props} />;
+    case IconName.ShieldRemove:
+      return <IconShieldRemove {...props} />;
+    case IconName.Shuffle:
+      return <IconShuffle {...props} />;
+    case IconName.SlashCircle:
+      return <IconSlashCircle {...props} />;
+    case IconName.SlashOctagon:
+      return <IconSlashOctagon {...props} />;
+    case IconName.SocialGlobe:
+      return <IconSocialGlobe {...props} />;
+    case IconName.SocialLinkedin:
+      return <IconSocialLinkedin {...props} />;
+    case IconName.SocialX:
+      return <IconSocialX {...props} />;
+    case IconName.Speedometer:
+      return <IconSpeedometer {...props} />;
+    case IconName.StairsRound:
+      return <IconStairsRound {...props} />;
+    case IconName.Star:
+      return <IconStar {...props} />;
+    case IconName.StarHalf:
+      return <IconStarHalf {...props} />;
+    case IconName.Stars:
+      return <IconStars {...props} />;
+    case IconName.Stars2:
+      return <IconStars2 {...props} />;
+    case IconName.Strikethrough:
+      return <IconStrikethrough {...props} />;
+    case IconName.SuccessFeatured:
+      return <IconSuccessFeatured {...props} />;
+    case IconName.Sun:
+      return <IconSun {...props} />;
+    case IconName.SwitchHorizontal:
+      return <IconSwitchHorizontal {...props} />;
+    case IconName.Tag:
+      return <IconTag {...props} />;
+    case IconName.Target:
+      return <IconTarget {...props} />;
+    case IconName.Target2:
+      return <IconTarget2 {...props} />;
+    case IconName.TextFormat:
+      return <IconTextFormat {...props} />;
+    case IconName.TextFormat2:
+      return <IconTextFormat2 {...props} />;
+    case IconName.TextHighlight:
+      return <IconTextHighlight {...props} />;
+    case IconName.Translate:
+      return <IconTranslate {...props} />;
+    case IconName.Trash:
+      return <IconTrash {...props} />;
+    case IconName.Trending:
+      return <IconTrending {...props} />;
+    case IconName.Underline:
+      return <IconUnderline {...props} />;
+    case IconName.Undo:
+      return <IconUndo {...props} />;
+    case IconName.Undo2:
+      return <IconUndo2 {...props} />;
+    case IconName.UploadCloud:
+      return <IconUploadCloud {...props} />;
+    case IconName.User:
+      return <IconUser {...props} />;
+    case IconName.UserEdit:
+      return <IconUserEdit {...props} />;
+    case IconName.UserRight:
+      return <IconUserRight {...props} />;
+    case IconName.UserSquare:
+      return <IconUserSquare {...props} />;
+    case IconName.Users:
+      return <IconUsers {...props} />;
+    case IconName.UsersUp:
+      return <IconUsersUp {...props} />;
+    case IconName.Volume:
+      return <IconVolume {...props} />;
+    case IconName.Wrench:
+      return <IconWrench {...props} />;
+    case IconName.X:
+      return <IconX {...props} />;
+    case IconName.XCircle:
+      return <IconXCircle {...props} />;
+    case IconName.XCircle2:
+      return <IconXCircle2 {...props} />;
+    case IconName.XClose:
+      return <IconXClose {...props} />;
+    case IconName.XSquare:
+      return <IconXSquare {...props} />;
+    default:
+      return null;
+  }
+}

package/src/components/cleenIcon/icons/IconAlertCircle.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconAlertCircle = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="22"
+      height="23"
+      viewBox="0 0 22 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M11 7.5V11.5M11 15.5H11.01M21 11.5C21 17.0228 16.5228 21.5 11 21.5C5.47715 21.5 1 17.0228 1 11.5C1 5.97715 5.47715 1.5 11 1.5C16.5228 1.5 21 5.97715 21 11.5Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};