import React from 'react'; import styled from 'styled-components'; import type { IconProps } from '@redocly/theme/icons/types'; import { getCssColorVariable } from '@redocly/theme/core/utils'; const Icon = (props: IconProps & { variant?: 'circle' | 'default' }) => { const { variant, ...rest } = props; return ( {variant === 'circle' ? ( <> ) : ( <> )} ); }; export const SettingsIcon = styled(Icon).attrs({ 'data-component-name': 'icons/SettingsIcon/SettingsIcon', })` path { fill: ${({ color }) => getCssColorVariable(color)}; } height: ${({ size }) => size || '16px'}; width: ${({ size }) => size || '16px'}; `;