appbaseio/dejaVu

View on GitHub
packages/browser/src/components/Icons/Toggle.js

Summary

Maintainability
A
2 hrs
Test Coverage
import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';

const ToggleRight = forwardRef(
    ({ color = 'currentColor', size = 24, ...rest }, ref) => {
        return (
            <svg
                ref={ref}
                xmlns="http://www.w3.org/2000/svg"
                width={size}
                height={size}
                viewBox="0 0 24 24"
                fill="none"
                stroke={color}
                strokeWidth="2"
                strokeLinecap="round"
                strokeLinejoin="round"
                {...rest}
            >
                <rect x="1" y="5" width="22" height="14" rx="7" ry="7" />
                <circle cx="16" cy="12" r="3" />
            </svg>
        );
    },
);

ToggleRight.propTypes = {
    color: PropTypes.string,
    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
};

ToggleRight.displayName = 'ToggleRight';

export default ToggleRight;