import { useId } from "react"; import type { Icon } from "./Icons"; const useSvgGradientIds = (prefix: string, count: number) => { const id = useId(); return Array.from( { length: count }, (_, index) => `${id}-${prefix}-${String.fromCharCode(97 + index)}`, ); }; export const AquaIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("aqua", 2); return ( ); }; export const CLionIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("clion", 2); return ( ); }; export const DataGripIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("datagrip", 2); return ( ); }; export const DataSpellIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("dataspell", 2); return ( ); }; export const GoLandIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("goland", 2); return ( ); }; export const IntelliJIdeaIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("intellij-idea", 2); return ( ); }; export const PhpStormIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("phpstorm", 2); return ( ); }; export const PyCharmIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("pycharm", 2); return ( ); }; export const RiderIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("rider", 2); return ( ); }; export const RubyMineIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("rubymine", 2); return ( ); }; export const RustRoverIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("rustrover", 2); return ( ); }; export const WebStormIcon: Icon = (props) => { const [gradientAId, gradientBId] = useSvgGradientIds("webstorm", 2); return ( ); };