import * as React from 'react'
import Svg, { Path } from 'react-native-svg'

import { SvgIconProps } from '../components/SvgIcon'

export function Dashboard(props: SvgIconProps) {
  return (
    <Svg width={36} height={36}>
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M24.75 15.75c0-.621.504-1.125 1.125-1.125H31.5c.621 0 1.125.504 1.125 1.125v16.875c0 .621-.504 1.125-1.125 1.125h-5.625a1.125 1.125 0 01-1.125-1.125V15.75zM27 16.875V31.5h3.375V16.875H27zM13.5 20.25c0-.621.504-1.125 1.125-1.125h5.625c.621 0 1.125.504 1.125 1.125v12.375c0 .621-.504 1.125-1.125 1.125h-5.625a1.125 1.125 0 01-1.125-1.125V20.25zm2.25 1.125V31.5h3.375V21.375H15.75zM2.25 24.75c0-.621.504-1.125 1.125-1.125H9c.621 0 1.125.504 1.125 1.125v7.875c0 .621-.504 1.125-1.125 1.125H3.375a1.125 1.125 0 01-1.125-1.125V24.75zm2.25 1.125V31.5h3.375v-5.625H4.5zM27 3.375c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5a1.125 1.125 0 01-2.25 0V5.88l-8.253 7.336c-.373.332-.92.378-1.343.113l-8.438-5.273-9.545 5.302a1.125 1.125 0 11-1.092-1.966l10.125-5.625a1.125 1.125 0 011.142.029l8.286 5.179L29.666 4.5h-1.541A1.125 1.125 0 0127 3.375z"
        fill={props.tintColor ?? '#fff'}
      />
    </Svg>
  )
}

export default Dashboard