import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const DropboxIcon = forwardRef<typeof Icon>(
  function DropboxIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M6.19 1.43.7 4.95 4.53 8 10 4.6 6.19 1.44ZM.7 10.96l5.48 3.57L10 11.35 4.53 8 .7 10.96Zm9.29.4 3.85 3.17 5.44-3.52-3.77-3L10 11.34Zm9.29-6.4-5.44-3.53L10 4.6 15.52 8l3.77-3.06Zm-9.25 7.1L6.2 15.22l-1.62-1.09v1.22l5.47 3.26 5.48-3.26v-1.22l-1.67 1.09-3.8-3.18Z"
          />
        </svg>
      </Icon>
    );
  },
);
