import React from 'react';
import { Skeleton } from 'common/components/skeleton';

interface Props {
  className?: string;
}

export const TabsLoader = React.memo(({ className }: Props) => (
  <Skeleton className={className} width={412} height={15}>
    <rect x="0" y="0" rx="3" ry="3" width="106" height="15" />
    <rect x="148" y="0" rx="3" ry="3" width="106" height="15" />
    <rect x="296" y="0" rx="3" ry="3" width="106" height="15" />
  </Skeleton>
));