import { cn } from "@/lib/utils" interface manaIcon { className: string } const Black = ({ className, ...props }: manaIcon) => { return ( ) } Black.displayName = "Black" const Blue = ({ className, ...props }: manaIcon) => { return ( ) } Blue.displayName = "Blue" const Green = ({ className, ...props }: manaIcon) => { return ( ) } Green.displayName = "Green" const White = ({ className, ...props }: manaIcon) => { return ( ) } White.displayName = "White" const Red = ({ className, ...props }: manaIcon) => { return ( ) } Red.displayName = "Red" const Colorless = ({ className, ...props }: manaIcon) => { return ( ) } Colorless.displayName = "Colorless" export { Black, Blue, Green, White, Red, Colorless }