import React from 'react' ; import type { EuiIconProps } from '@elastic/eui' ; export const GaugeIconHorizontal = ( { title , titleId , ... props } ) => ( < svg width = "30" height = "22" viewBox = "0 0 30 22" fill = "none" xmlns = "http://www.w3.org/2000/svg" aria - labelledby = { titleId } { ... props } > { title ? < title id = { titleId } > { title } < /title> : null} < path className = "chart-icon__subdued" d = "M1 13a1 1 0 00-1 1v2a1 1 0 102 0v-1h5v1a1 1 0 102 0v-1h5v1a1 1 0 102 0v-1h5v1a1 1 0 102 0v-1h5v1a1 1 0 102 0v-2a1 1 0 00-1-1H1z" / > < path className = "chart-icon__accent" d = "M0 6a1 1 0 011-1h24a1 1 0 011 1v4a1 1 0 01-1 1H1a1 1 0 01-1-1V6z" / > < /svg>); export const GaugeIconVertical = ( { title , titleId , ... props } ) => ( < svg width = "30" height = "22" viewBox = "0 0 30 22" fill = "none" xmlns = "http://www.w3.org/2000/svg" aria - labelledby = { titleId } { ... props } > { title ? < title id = { titleId } > { title } < /title> : null} < path className = "chart-icon__subdued" d = "M16 22a1 1 0 01-1-1V4a1 1 0 011-1h4a1 1 0 011 1v17a1 1 0 01-1 1h-4z" / > < path className = "chart-icon__accent" d = "M10 0h2a1 1 0 011 1v20a1 1 0 01-1 1h-2a1 1 0 110-2h1v-3h-1a1 1 0 110-2h1v-3h-1a1 1 0 110-2h1V7h-1a1 1 0 010-2h1V2h-1a1 1 0 010-2z" / > < /svg>);