import React from 'react'; import { Code } from 'lucide-react'; type IconProps = React.HTMLAttributes; export const Icons = { // Usage example: Code: Code, Add: (props: IconProps) => ( ), ChevronClosed: (props: IconProps) => ( icon-chevron-closed ), ChevronOpen: (props: IconProps) => ( icon-chevron-open ), ColorChange: (props: IconProps) => ( ), Controls: (props: IconProps) => ( ), Delete: (props: IconProps) => ( ), Download: (props: IconProps) => ( icon-download ), Export: (props: IconProps) => ( ), Hide: (props: IconProps) => ( ), Info: (props: IconProps) => ( ), Lock: (props: IconProps) => ( ), ListView: (props: IconProps) => ( ), More: (props: IconProps) => ( icon-more ), DisplayFillAndOutline: (props: IconProps) => ( ), DisplayOutlineOnly: (props: IconProps) => ( ), DisplayFillOnly: (props: IconProps) => ( ), Actions: (props: IconProps) => ( ), PinFill: (props: IconProps) => ( icon-pin-fill ), Pin: (props: IconProps) => ( icon-pin ), Rename: (props: IconProps) => ( ), ThumbnailView: (props: IconProps) => ( icon-thumbnail-view ), IconMPR: (props: IconProps) => ( info-mpr ), InfoSeries: (props: IconProps) => ( info-series ), StatusError: (props: IconProps) => ( ), StatusSuccess: (props: IconProps) => ( ), StatusTracking: (props: IconProps) => ( status-tracking ), StatusWarning: (props: IconProps) => ( status-warning ), SortingAscending: (props: IconProps) => ( ), SortingDescending: (props: IconProps) => ( ), Trash: (props: IconProps) => ( Trash ), Cancel: (props: IconProps) => ( ), InfoLink: (props: IconProps) => ( ), LoadingSpinner: (props: IconProps) => ( ), NavigationPanelReveal: (props: IconProps) => ( ), MissingIcon: (props: IconProps) =>
Missing icon
, Series: (props: IconProps) => ( ), Settings: (props: IconProps) => ( icon-display-settings ), Show: (props: IconProps) => ( ), SidePanelCloseLeft: (props: IconProps) => ( icon-panel-close-left ), SidePanelCloseRight: (props: IconProps) => ( icon-panel-close-right ), TabSegmentation: (props: IconProps) => ( ), TabLinear: (props: IconProps) => ( ), TabStudies: (props: IconProps) => ( tab-studies ), Refresh: (props: IconProps) => ( ), Tab4D: (props: IconProps) => ( tab-4d ), TabPatientInfo: (props: IconProps) => ( ), TabRoiThreshold: (props: IconProps) => ( ), Plus: (props: IconProps) => ( ), Minus: (props: IconProps) => ( ), FillAndOutline: (props: IconProps) => ( ), OutlineOnly: (props: IconProps) => ( ), FillOnly: (props: IconProps) => ( ), EyeVisible: (props: IconProps) => ( ), EyeHidden: (props: IconProps) => ( ), ViewportViews: (props: IconProps) => ( ), StatusChecked: (props: IconProps) => ( ), DicomTagBrowser: (props: IconProps) => ( tool-dicom-tag-browser ), PowerOff: (props: IconProps) => ( Power Off ), MultiplePatients: (props: IconProps) => ( icon-multiple-patients ), Patient: (props: IconProps) => ( icon-patient ), ChevronPatient: (props: IconProps) => ( ), OHIFLogo: (props: IconProps) => ( ), GearSettings: (props: IconProps) => ( ), // Aliases 'tab-segmentation': (props: IconProps) => Icons.TabSegmentation(props), 'tab-studies': (props: IconProps) => Icons.TabStudies(props), 'tab-linear': (props: IconProps) => Icons.TabLinear(props), 'tab-4d': (props: IconProps) => Icons.Tab4D(props), 'tab-patient-info': (props: IconProps) => Icons.TabPatientInfo(props), 'tab-roi-threshold': (props: IconProps) => Icons.TabRoiThreshold(props), 'icon-mpr': (props: IconProps) => Icons.IconMPR(props), 'power-off': (props: IconProps) => Icons.PowerOff(props), 'icon-multiple-patients': (props: IconProps) => Icons.MultiplePatients(props), 'icon-patient': (props: IconProps) => Icons.Patient(props), 'icon-chevron-patient': (props: IconProps) => Icons.ChevronPatient(props), info: (props: IconProps) => Icons.Info(props), settings: (props: IconProps) => Icons.Settings(props), /** Adds an icon to the set of icons */ addIcon: (name: string, icon) => { if (Icons[name]) { console.warn('Replacing icon', name); } Icons[name] = icon; }, };