import * as React from 'react';
import join from '../utils/join';
const DEFAULT_SIZE = 20;
export default ({ children, size = DEFAULT_SIZE, name, tabIndex, color, ...props }) => {
    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", tabIndex: tabIndex, "data-id": name, "data-name": "AdaptableIcon", ...props, className: join(props.className, `ab-Icon ab-Icon--${name}`), style: { verticalAlign: 'middle', fill: color ?? 'currentColor', ...props.style } }, children));
};
