grip.tsx

TLDR

This file, grip.tsx, contains the implementation of the GripIcon component. The GripIcon component is a React functional component that renders an SVG icon.

Import

• React: The React library is imported to use React features in the code.

Function

GripIcon

The GripIcon function is the default export of the module. It is a React functional component that returns a JSX element representing an SVG icon.

• Parameters: None
• Return Type: JSX.Element

Classes

None

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react'

import './grip.scss'

export default function GripIcon(): JSX.Element {
    return (
        <svg
            xmlns='http://www.w3.org/2000/svg'
            className='GripIcon Icon'
            viewBox='0 0 24 24'
        >
            <path
                d='M0 0h24v24H0V0z'
                fill='none'
            />
            <path d='M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/>
        </svg>
    )
}