import React from 'react' ; export const Controls = ( ) => ( < svg height = "14" viewBox = "0 0 54 14" width = "54" xmlns = "http://www.w3.org/2000/svg" > < g fill = "none" fillRule = "evenodd" transform = "translate(1 1)" > < circle cx = "6" cy = "6" fill = "#FF5F56" r = "6" stroke = "#E0443E" strokeWidth = ".5" / > < circle cx = "26" cy = "6" fill = "#FFBD2E" r = "6" stroke = "#DEA123" strokeWidth = ".5" / > < circle cx = "46" cy = "6" fill = "#27C93F" r = "6" stroke = "#1AAB29" strokeWidth = ".5" / > < /g> < /svg>); export const ControlsBW = ( ) => ( < svg height = "14" viewBox = "0 0 54 14" width = "54" xmlns = "http://www.w3.org/2000/svg" > < g fill = "none" fillRule = "evenodd" stroke = "#878787" transform = "translate(1 1)" > < circle cx = "6" cy = "6" r = "6" / > < circle cx = "26" cy = "6" r = "6" / > < circle cx = "46" cy = "6" r = "6" / > < /g> < /svg>); export const ControlsBoxy = ( ) => ( < svg fill = "none" height = "14" viewBox = "0 0 58 14" width = "58" xmlns = "http://www.w3.org/2000/svg" > < path d = "M1 7H11" stroke = "#878787" strokeLinecap = "round" strokeLinejoin = "round" / > < path d = "M35 1H25C24.4477 1 24 1.44772 24 2V12C24 12.5523 24.4477 13 25 13H35C35.5523 13 36 12.5523 36 12V2C36 1.44772 35.5523 1 35 1Z" stroke = "#878787" / > < path d = "M47 2L57 12" stroke = "#878787" strokeLinecap = "round" strokeLinejoin = "round" / > < path d = "M47 12L57 2" stroke = "#878787" strokeLinecap = "round" strokeLinejoin = "round" / > < /svg>); export const WINDOW_CONTROLS_TYPE_DICT = { blackAndWhite : ControlsBW , boxy : ControlsBoxy , rounded : Controls , } as const ; export type WindowControlsType = keyof typeof WINDOW_CONTROLS_TYPE_DICT ;