@agility/plenum-ui 1.3.48 → 2.0.0-rc1

package/stories/atoms/icons/TablerIcon.tsx

@@ -0,0 +1,22 @@
+import React from "react"
+import { TablerIconName } from "./tablerIconNames"
+import * as TablerIcons from "@tabler/icons-react"
+import { ClassNameWithAutocomplete } from "@/utils/types"
+
+export interface ITablerIconProps extends React.ComponentProps<"i"> {
+	icon: TablerIconName
+	className?: ClassNameWithAutocomplete
+}
+
+const TablerIcon: React.FC<ITablerIconProps> = ({
+	icon,
+	className = "w-6 h-6 text-gray-600"
+}: ITablerIconProps): JSX.Element => {
+	const Icon = TablerIcons[icon]
+	return (
+		<i>
+			<Icon className={className} />
+		</i>
+	)
+}
+export default TablerIcon

package/stories/atoms/icons/index.tsx

@@ -0,0 +1,14 @@
+import {
+	DynamicIcon,
+	FAIconName,
+	IDynamicIconProps,
+	IconName,
+	UnifiedIconName,
+	isFAIcon,
+	isHeroIcon,
+	isTablerIcon,
+	isUnifiedIconName
+} from "./DynamicIcon"
+import IconWithShadow, { IIconWithShadowProps } from "./IconWithShadow"
+export { DynamicIcon, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, IconWithShadow }
+export type { FAIconName, IDynamicIconProps, IconName, UnifiedIconName, IIconWithShadowProps }