import type { AnchorHTMLAttributes } from 'react' ; import type { IDropdownOption } from '../store/form' ; import type { Theme } from 'react-functional-select' ; /**
 * react-functional-select 'themeConfig' property
 */ export const THEME_CONFIG = { color : { primary : '#09d3ac' } , control : { boxShadowColor : 'rgba(9, 211, 172, 0.25)' , focusedBorderColor : 'rgba(9, 211, 172, 0.75)' } , menu : { option : { selectedColor : '#fff' , selectedBgColor : '#09d3ac' , focusedBgColor : 'rgba(9, 211, 172, 0.225)' } } } ; /**
 * Dropdown test data
 */ export const DROPDOWN_TEST_DATA = [ { value : 1 , label : 'Option 1' } , { value : 2 , label : 'Option 2' } , { value : 3 , label : 'Option 3' } , { value : 4 , label : 'Option 4' } , { value : 5 , label : 'Option 5' } ] ; /**
 * HealthChecks/Swagger response path config
 */ export const NUGET_URL_CONFIG = { HealthUi : 'http://localhost:52530/healthchecks-ui' , HealthJson : 'http://localhost:52530/healthchecks-json' , SwaggerDocs : 'http://localhost:52530/docs' } ; /**
 * HTML attributes to spread on anchor elements in Settings.tsx component
 */ export const LINK_ATTRIBUTES = { role : 'button' , target : '_blank' , rel : 'noopener noreferrer' } ;