@cleen/ui 0.1.0 → 0.1.1

package/src/components/cleenIcon/CleenIcon.tsx

@@ -1,674 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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>
-  );
-};