box-ui-elements-mlh/src/icons/states/MetadataEmptyState.js.flow

Box UI Elements

// @flow
import * as React from 'react';

import AccessibleSVG from '../accessible-svg';

type Props = {
    className?: string,
    height?: number,
    /** A text-only string describing the icon if it's not purely decorative for accessibility */
    title?: string | React.Element<any>,
    width?: number,
};

const MetadataEmptyState = ({ className = '', height = 126, title, width = 130 }: Props) => (
    <AccessibleSVG
        className={`metadata-empty-state ${className}`}
        height={height}
        title={title}
        viewBox="0 0 130 126"
        width={width}
    >
        <g fill="none" fillRule="evenodd">
            <path
                d="M32.00447706 30.8186703c-.144272-.81820715.39360036-1.59695899 1.21741066-1.74221897l22.49848362-3.96708969c.81662938-.1439938 2.00933191.15827026 2.65774518.67020664l7.25775818 5.73015698c.65120277.51413864 1.29564602 1.5918563 1.4379029 2.39863514l5.88195572 33.35822855c.14292906.81059103-.41004894 1.58564019-1.22315064 1.72901196l-30.51957053 5.38142372c-.81845649.14431596-1.59794388-.3965468-1.74317405-1.220188L32.00447706 30.8186703z"
                fill="#FFF"
                stroke="#0061D5"
                strokeWidth="2"
            />
            <path
                d="M5.52974294 61.88422068c-.41541465-.71951928-.1763287-1.63526987.54811791-2.05352932l19.78483446-11.4227795c.71813182-.4146136 1.9422859-.53850654 2.7266877-.27921415l8.77989083 2.90228679c.78777621.26040782 1.76195592 1.05271858 2.17156827 1.76218798l16.9364165 29.33473388c.41154785.71282178.15700093 1.63025938-.55802861 2.04308188l-26.83846 15.4951921c-.71973847.4155412-1.63720306.1738969-2.05537666-.55040102L5.52974294 61.88422068z"
                fill="#FFF"
                stroke="#0061D5"
                strokeWidth="2"
            />
            <path
                d="M38.46410162 51.46410162l-5.80928551 3.35399255c-.61796117.35678005-1.40954628.14262403-1.76492518-.47291028l-3.35399255-5.8092855"
                stroke="#0061D5"
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth="2"
            />
            <path
                d="M19.96218185 72.62901658c-.27614235-.47829258-.10569387-1.09367815.35892668-1.36192695l15.60265471-9.0081969c.47437209-.27387885 1.08085908-.11150336 1.35892668.37012385.2761424.47829267.10569379 1.0936782-.35892668 1.36192696l-15.60265471 9.0081969c-.47437208.27387885-1.08085908.11150336-1.35892668-.37012386zm2.5 4.33012702c-.27614235-.47829258-.10569387-1.09367815.35892668-1.36192695l15.60265471-9.0081969c.47437209-.27387885 1.08085908-.11150336 1.35892668.37012385.2761424.47829267.10569379 1.0936782-.35892668 1.36192696l-15.60265471 9.0081969c-.47437208.27387885-1.08085908.11150335-1.35892668-.37012386zm2.5 4.33012702c-.27614235-.47829258-.10529948-1.09390585.36816734-1.36726205l8.65597016-4.9975267c.47947557-.27682535 1.09009974-.11683846 1.36816734.36478875.2761424.47829267.1052994 1.0939059-.36816734 1.36726206l-8.65597016 4.9975267c-.47947557.27682535-1.09009974.11683845-1.36816734-.36478876zm11.77794549-6.8c-.27614235-.47829258-.11604495-1.08770195.3741391-1.37070985l1.7158234-.9906311c.48277366-.2787295 1.09607152-.12028626 1.37413912.36134095.2761424.47829267.11604486 1.087702-.37413911 1.37070986l-1.7158234.9906311c-.48277374.27872955-1.09607151.12028625-1.37413911-.36134096z"
                fill="#0061D5"
            />
            <path
                d="M66.03671025 32.35026241l-6.60607583 1.1648294c-.70271952.12390842-1.37332045-.34807057-1.49674223-1.04803027l-1.16482939-6.60607573"
                stroke="#0061D5"
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth="2"
            />
            <path
                d="M71.46983793 25.91463235c.144272-.81820713.91605549-1.36603131 1.73986579-1.22077133l22.49848362 3.96708969c.81662938.14399379 1.83402275.83595738 2.26823937 1.53879062l4.86023268 7.86688572c.43608437.7058567.6730618 1.9389926.53080491 2.74577144l-5.88195572 33.35822855c-.14292907.81059103-.92764094 1.34976937-1.74074224 1.20639768L65.2251958 69.99560099c-.8184565-.14431596-1.36594909-.91916109-1.22071892-1.7428023l7.46536104-42.33816634z"
                fill="#FFF"
                stroke="#0061D5"
                strokeWidth="2"
            />
            <path
                d="M103.1850907 39.762275l-6.14364163-1.18765654c-.70271952-.12390842-1.17145206-.79678254-1.04803028-1.49674223l1.1648294-6.60607583"
                stroke="#0061D5"
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth="2"
            />
            <circle cx="84.5793577" cy="46.6386825" r="9" stroke="#0061D5" strokeWidth="1.6" />
            <path
                d="M105.02539334 46.88422068c.41541465-.71951928 1.3280209-.97034007 2.05246751-.55208062l19.78483472 11.42277965c.71813165.4146135 1.43750312 1.41281556 1.6051505 2.2217738l1.87649123 9.05475184c.16836805.81243797-.03070334 2.05225773-.44031569 2.76172713l-16.9364165 29.33473388c-.41154785.71282178-1.33334566.95109643-2.0483752.53827393L84.08077 86.17098824c-.71973848-.4155412-.96920067-1.330911-.55102707-2.05520892l21.4956504-37.23155864z"
                fill="#FFF"
                stroke="#0061D5"
                strokeWidth="2"
            />
            <path
                d="M129.86698752 69.56972579l-5.80928542-3.3539925c-.61796109-.35678-.82828922-1.149391-.47291037-1.76492523l3.35399255-5.8092855"
                stroke="#0061D5"
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth="2"
            />
            <g fill="#FFF" stroke="#0061D5" strokeWidth="1.6">
                <path d="M104.83974596 62.93782217l3.94816006 2.27947127-2.33333334 4.0414519-3.94816005-2.27947128z" />
                <path d="M102.50641263 66.97927406l3.94816005 2.27947127-2.33333333 4.04145189-3.94816006-2.27947127z" />
                <path d="M100.1730793 71.02072594l3.94816005 2.27947127-2.33333333 4.04145189-3.94816006-2.27947127zM108.78790602 65.21729344l12.5967331 7.27272725-2.33333333 4.0414519-12.5967331-7.27272726z" />
                <path d="M106.45457268 69.25874533l12.5967331 7.27272725-2.33333333 4.04145189-12.5967331-7.27272725z" />
                <path d="M104.12123935 73.3001972l12.5967331 7.27272726-2.33333333 4.04145189-12.5967331-7.27272725z" />
            </g>
            <path
                d="M54.4653489 47.1340023l2.2915318-4.9267218 4.8260254 4.8354306-6.1657529 1.0871886-11.5607867 2.0384786 4.2522894-9.6855476 6.356693 6.6511716zm.6492383-7.4803356c-.4256564.0750547-.8329151-.2168322-.9096377-.6519476-.0767226-.4351155.2061442-.8486901.6318006-.9237448.4256564-.0750547.8329151.2168322.9096376.6519476.0767226.4351154-.2061441.8486901-.6318005.9237448zm32.3455883 7.3580289L83 49.2715261l1.0418891-5.9088465 3.4182864 3.649016z"
                fill="#0061D5"
                stroke="#0061D5"
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth="2"
            />
            <circle cx="70" cy="84" fill="#FFF" r="26" stroke="#0061D5" strokeWidth="1.85714286" />
            <path
                d="M60.03269 91.562178l2.8267685-16.25 7.1209577 12.1486156L77.101374 75.312178l2.8267685 16.25"
                stroke="#0061D5"
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth="3.25"
            />
            <path
                d="M69.9150542 108c11.0014397 0 20.267851-7.454926 23.0568652-17.6055647.5593725-2.0358409-7.3278227 11.6759787-15.6648116 7.632596-6.2283063-3.0206861-8.4268726-9.183116-13.3493244-6.6900727C59.0353315 93.830002 55.7170918 96.6383338 46 84c0 13.254834 10.7071345 24 23.9150542 24z"
                fill="#0061D5"
                fillOpacity=".07"
            />
            <path
                d="M75.544808 2.88660342v.63351238c0 .27566974-.2254498.5083337-.5035562.5083337-.269973 0-.5035562-.22115655-.5035562-.49396698v-.6478791c-.1528938-.08844426-.2803782-.21592872-.3688225-.36882248h-.6478791c-.27738 0-.493967-.22544979-.493967-.50355619 0-.26997299.2211566-.50355619.493967-.50355619h.6478791c.0884443-.15289376.2159287-.28037822.3688225-.36882248v-.6478791C74.5376956.21658694 74.7631454 0 75.0412518 0c.269973 0 .5035562.22174681.5035562.49528536v.64656072c.1528937.08844426.2803782.21592872.3688224.36882248h.6478791c.2773801 0 .493967.22544979.493967.50355619 0 .269973-.2211565.50355619-.493967.50355619h-.6478791c-.0884442.15289376-.2159287.28037822-.3688224.36882248zm62.944523 84.09388338v.6335124c0 .2756697-.225449.5083337-.503556.5083337-.269973 0-.503556-.2211566-.503556-.493967v-.6478791c-.152894-.0884443-.280378-.2159287-.368822-.3688225h-.64788c-.27738 0-.493967-.2254498-.493967-.5035562 0-.269973.221157-.5035562.493967-.5035562h.64788c.088444-.1528937.215928-.2803782.368822-.3688225v-.6478791c0-.27738.22545-.4939669.503556-.4939669.269973 0 .503556.2217468.503556.4952853v.6465607c.152894.0884443.280379.2159288.368823.3688225h.647879c.27738 0 .493967.2254498.493967.5035562 0 .269973-.221157.5035562-.493967.5035562h-.647879c-.088444.1528938-.215929.2803782-.368823.3688225zM2.51778094 81.9449249v.6335124c0 .2756697-.22544979.5083337-.50355619.5083337-.26997299 0-.50355619-.2211566-.50355619-.493967v-.6478791c-.15289376-.0884443-.28037822-.2159287-.36882248-.3688225h-.6478791C.21658694 81.5761024 0 81.3506526 0 81.0725462c0-.269973.22115655-.5035562.49396698-.5035562h.6478791c.08844426-.1528937.21592872-.2803782.36882248-.3688224v-.6478791c0-.2773801.22544979-.493967.50355619-.493967.269973 0 .50355619.2217468.50355619.4952853v.6465608c.15289376.0884442.28037822.2159287.36882248.3688224h.6478791c.27738004 0 .49396698.2254498.49396698.5035562 0 .269973-.22115655.5035562-.49396698.5035562h-.6478791c-.08844426.1528938-.21592872.2803782-.36882248.3688225zM49.8207681 7.02173856v.63351238c0 .27566974-.2254497.5083337-.5035562.5083337-.2699729 0-.5035561-.22115655-.5035561-.49396699v-.64787909c-.1528938-.08844427-.2803783-.21592873-.3688225-.36882249h-.6478791c-.2773801 0-.493967-.22544978-.493967-.50355618 0-.269973.2211565-.50355619.493967-.50355619h.6478791c.0884442-.15289376.2159287-.28037822.3688225-.36882248v-.6478791c0-.27738004.2254497-.49396698.5035561-.49396698.269973 0 .5035562.22174681.5035562.49528536v.64656072c.1528938.08844426.2803783.21592872.3688225.36882248h.6478791c.2773801 0 .493967.22544978.493967.50355619 0 .26997299-.2211566.50355618-.493967.50355618h-.6478791c-.0884442.15289376-.2159287.28037822-.3688225.36882249zM121.283073 21.5608566v.6335124c0 .2756697-.22545.5083337-.503557.5083337-.269973 0-.503556-.2211565-.503556-.493967v-.6478791c-.152894-.0884442-.280378-.2159287-.368822-.3688225h-.647879c-.27738 0-.493967-.2254497-.493967-.5035561 0-.269973.221156-.5035562.493967-.5035562h.647879c.088444-.1528938.215928-.2803783.368822-.3688225v-.6478791c0-.2773801.22545-.493967.503556-.493967.269973 0 .503557.2217468.503557.4952854v.6465607c.152893.0884442.280378.2159287.368822.3688225h.647879c.27738 0 .493967.2254497.493967.5035562 0 .2699729-.221156.5035561-.493967.5035561h-.647879c-.088444.1528938-.215929.2803783-.368822.3688225zM10.0825036 42.738666v.6335124c0 .2756697-.22544983.5083337-.50355623.5083337-.269973 0-.50355619-.2211566-.50355619-.493967v-.6478791c-.15289376-.0884443-.28037822-.2159287-.36882248-.3688225h-.6478791c-.27738004 0-.49396698-.2254498-.49396698-.5035562 0-.269973.22115655-.5035561.49396698-.5035561h.6478791c.08844426-.1528938.21592872-.2803783.36882248-.3688225v-.6478791c0-.2773801.22544979-.493967.50355619-.493967.26997299 0 .50355623.2217468.50355623.4952854v.6465607c.1528937.0884442.2803782.2159287.3688224.3688225h.6478791c.2773801 0 .493967.2254497.493967.5035561 0 .269973-.2211565.5035562-.493967.5035562h-.6478791c-.0884442.1528938-.2159287.2803782-.3688224.3688225zm118.8381934 1.3357314v.3959452c0 .1722936-.140906.3177086-.314723.3177086-.168733 0-.314722-.1382228-.314722-.3087294v-.4049244c-.095559-.0552777-.175237-.1349554-.230514-.230514h-.404925c-.173362 0-.308729-.1409062-.308729-.3147227 0-.1687331.138223-.3147226.308729-.3147226h.404925c.055277-.0955586.134955-.1752364.230514-.230514v-.4049245c0-.1733625.140906-.3087293.314722-.3087293.168734 0 .314723.1385917.314723.3095533v.4041005c.095559.0552776.175236.1349554.230514.230514h.404925c.173362 0 .308729.1409061.308729.3147226 0 .1687332-.138223.3147227-.308729.3147227h-.404925c-.055278.0955586-.134955.1752363-.230514.230514zm-2.45377 51.2489332v.3959452c0 .1722936-.140906.3177086-.314722.3177086-.168733 0-.314723-.1382229-.314723-.3087294v-.4049244c-.095558-.0552777-.175236-.1349555-.230514-.2305141h-.404924c-.173363 0-.30873-.1409061-.30873-.3147226 0-.1687331.138223-.3147226.30873-.3147226h.404924c.055278-.0955586.134956-.1752364.230514-.2305141v-.4049244c0-.1733625.140906-.3087294.314723-.3087294.168733 0 .314722.1385918.314722.3095534v.4041004c.095559.0552777.175237.1349555.230515.2305141h.404924c.173362 0 .308729.1409061.308729.3147226 0 .1687331-.138223.3147226-.308729.3147226h-.404924c-.055278.0955586-.134956.1752364-.230515.2305141zM18.7059033 34.6064031v.3959452c0 .1722936-.1409061.3177086-.3147226.3177086-.1687332 0-.3147227-.1382228-.3147227-.3087294v-.4049244c-.0955586-.0552777-.1752363-.1349555-.230514-.2305141h-.4049245c-.1733625 0-.3087293-.1409061-.3087293-.3147226 0-.1687331.1382228-.3147226.3087293-.3147226h.4049245c.0552777-.0955586.1349554-.1752364.230514-.230514v-.4049245c0-.1733625.1409062-.3087293.3147227-.3087293.1687331 0 .3147226.1385917.3147226.3095533v.4041005c.0955586.0552776.1752364.1349554.230514.230514h.4049245c.1733625 0 .3087293.1409061.3087293.3147226 0 .1687332-.1382228.3147226-.3087293.3147226h-.4049245c-.0552776.0955586-.1349554.1752364-.230514.2305141z"
                fill="#0061D5"
            />
            <ellipse cx="70" cy="137" fill="#0061D5" fillOpacity=".07" rx="32.5" ry="3" />
        </g>
    </AccessibleSVG>
);
export default MetadataEmptyState;