import { svgIcon } from "@bitwarden/components";

export const VaultIcon = svgIcon`
  <svg viewBox="0 0 120 100" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect x="5.61279" y="1.5" width="108.775" height="89.1503" rx="9.25741" class="tw-stroke-art-primary" stroke-width="2"/>
    <path d="M49.5854 61.4941L49.5854 70.4652" class="tw-stroke-art-primary" stroke-width="2" stroke-linecap="round"/>
    <path d="M49.5854 21.6851L49.5854 30.6562" class="tw-stroke-art-primary" stroke-width="2" stroke-linecap="round"/>
    <path d="M38.6827 56.978L32.3392 63.3215" class="tw-stroke-art-primary" stroke-width="2" stroke-linecap="round"/>
    <path d="M66.8324 28.8286L60.4889 35.1721" class="tw-stroke-art-primary" stroke-width="2" stroke-linecap="round"/>
    <path d="M38.6827 35.1721L32.3392 28.8286" class="tw-stroke-art-primary" stroke-width="2" stroke-linecap="round"/>
    <path d="M66.8324 63.3215L60.4889 56.978" class="tw-stroke-art-primary" stroke-width="2" stroke-linecap="round"/>
    <path d="M74.1788 46.0513L65.2077 46.0513" class="tw-stroke-art-primary" stroke-width="2" stroke-linecap="round"/>
    <path d="M33.6777 46.0513L24.7066 46.0514" class="tw-stroke-art-primary" stroke-width="2" stroke-linecap="round"/>
    <ellipse cx="49.5855" cy="46.0513" rx="15.0433" ry="15.0433" class="tw-stroke-art-primary" stroke-width="2"/>
    <ellipse cx="49.5855" cy="46.0513" rx="10.4146" ry="10.4146" class="tw-stroke-art-accent" />
    <path d="M14.0227 90.6504V95.0286C14.0227 96.9458 15.577 98.5001 17.4942 98.5001H27.9327C29.8499 98.5001 31.4042 96.9458 31.4042 95.0286V90.6504" class="tw-stroke-art-primary" stroke-width="2"/>
    <path d="M88.595 90.6504V95.0286C88.595 96.9458 90.1492 98.5001 92.0665 98.5001H102.505C104.422 98.5001 105.976 96.9458 105.976 95.0286V90.6504" class="tw-stroke-art-primary" stroke-width="2"/>
    <path d="M105.977 32.3381L107.588 32.3381C108.866 32.3381 109.902 31.302 109.902 30.0238L109.902 17.271C109.902 15.9928 108.866 14.9566 107.588 14.9566L105.977 14.9566" class="tw-stroke-art-primary" stroke-width="2"/>
    <path d="M105.977 77.1936L107.588 77.1936C108.866 77.1936 109.902 76.1574 109.902 74.8793L109.902 62.1265C109.902 60.8483 108.866 59.8121 107.588 59.8121L105.977 59.8121" class="tw-stroke-art-primary" stroke-width="2"/>
    <rect x="14.0227" y="9.9104" width="91.9537" height="72.8902" rx="4.6287" class="tw-stroke-art-accent" />
    <path d="M101.08 61.8082V75.5593C101.08 76.8375 100.044 77.8737 98.7654 77.8737H45.8796M19.4989 28.7961V17.122C19.4989 15.8438 20.5351 14.8076 21.8133 14.8076H74.5501" class="tw-stroke-art-accent"  stroke-linecap="round"/>
  </svg>
`;