@orbe-agro/client-core 5.3.67 → 5.3.69

package/lib/@ecme/assets/svg/StackedSideSvg.tsx

@@ -0,0 +1,156 @@
+const StackedSideSvg = ({
+    height = 100,
+    width = 100,
+}: {
+    height?: number | string
+    width?: number | string
+}) => {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 500 500" // Adjusted viewBox
+            width={width}
+            height={height}
+            fill="none"
+        >
+            <rect
+                width={500}
+                height={500}
+                className="fill-white dark:fill-gray-800 "
+                rx={20}
+            />
+            <mask id="a" className="fill-white dark:fill-gray-800 ">
+                <path d="M0 20C0 8.954 8.954 0 20 0h44v500H20c-11.046 0-20-8.954-20-20V20Z" />
+            </mask>
+            <path
+                className="fill-white dark:fill-gray-800 "
+                d="M0 20C0 8.954 8.954 0 20 0h44v500H20c-11.046 0-20-8.954-20-20V20Z"
+            />
+            <path
+                className="fill-gray-200 dark:fill-gray-600"
+                d="M0 0h64H0Zm64 500H0h64Zm-64 0V0v500ZM65 0v500h-2V0h2Z"
+                mask="url(#a)"
+            />
+            <circle
+                cx={32}
+                cy={37}
+                r={17}
+                className="fill-gray-200 dark:fill-gray-600"
+            />
+            <rect
+                width={34}
+                height={33}
+                x={15}
+                y={84}
+                className="fill-primary-subtle"
+                rx={6}
+            />
+            <rect
+                width={13}
+                height={13}
+                x={25.5}
+                y={94}
+                className="fill-primary"
+                rx={6}
+            />
+            <rect
+                width={17}
+                height={17}
+                x={23.5}
+                y={127}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={8.5}
+            />
+            <rect
+                width={17}
+                height={17}
+                x={23.5}
+                y={164}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={8.5}
+            />
+            <rect
+                width={17}
+                height={17}
+                x={23.5}
+                y={201}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={8.5}
+            />
+            <mask id="b" className="fill-white dark:fill-gray-800 ">
+                <path d="M64 0h149v500H64V0Z" />
+            </mask>
+            <path
+                className="fill-gray-200 dark:fill-gray-600"
+                d="M211 0v500h4V0h-4Z"
+                mask="url(#b)"
+            />
+            <rect
+                width={119}
+                height={33}
+                x={79}
+                y={20}
+                className="fill-primary-subtle"
+                rx={6}
+            />
+            <rect
+                width={69}
+                height={13}
+                x={85}
+                y={30}
+                className="fill-primary"
+                rx={6}
+            />
+            <rect
+                width={119}
+                height={13}
+                x={79}
+                y={63}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={6}
+            />
+            <rect
+                width={75}
+                height={13}
+                x={79}
+                y={96}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={6}
+            />
+            <rect
+                width={119}
+                height={13}
+                x={79}
+                y={129}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={6}
+            />
+            <path
+                className="fill-gray-100 dark:fill-gray-950"
+                d="M213 0h287v500H213z"
+            />
+            <mask id="c" className="fill-white dark:fill-gray-800 ">
+                <path d="M213 0h267c11.046 0 20 8.954 20 20v58H213V0Z" />
+            </mask>
+            <path
+                className="fill-white dark:fill-gray-800 "
+                d="M213 0h267c11.046 0 20 8.954 20 20v58H213V0Z"
+            />
+            <path
+                className="fill-gray-200 dark:fill-gray-600"
+                d="M213 0h287-287Zm287 79H213v-2h287v2Zm-287-1V0v78ZM500 0v78V0Z"
+                mask="url(#c)"
+            />
+            <rect
+                width={247}
+                height={382}
+                x={233}
+                y={98}
+                className="fill-white dark:fill-gray-800 "
+                rx={20}
+            />
+        </svg>
+    )
+}
+
+export default StackedSideSvg

package/lib/@ecme/assets/svg/StartConverstation.tsx

@@ -0,0 +1,148 @@
+const StartConverstation = ({
+    height = 100,
+    width = 100,
+}: {
+    height?: number
+    width?: number
+}) => {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xmlSpace="preserve"
+            id="Layer_1"
+            x={0}
+            y={0}
+            viewBox="0 0 400 400"
+            height={height}
+            width={width}
+        >
+            <style>
+                {
+                    '.st0{fill:#fff}.st1{fill:#bababa}.st2{fill:#393f4f}.st3{fill:#45a2ff}'
+                }
+            </style>
+            <path d="M279.3 94.8h-10.4l3.7-56.6h3.9z" className="fill-white" />
+            <path d="M279.3 95.5h-10.4c-.2 0-.4-.1-.5-.2-.1-.1-.2-.3-.2-.5l3.7-56.6c0-.4.3-.7.7-.7h3.9c.4 0 .7.3.7.7l2.9 56.6c0 .2-.1.4-.2.5-.2.1-.4.2-.6.2zm-9.6-1.4h8.9l-2.8-55.2h-2.5l-3.6 55.2zM249.5 73c-.1 0-.3 0-.4-.1-11.1-8-17.7-21-17.7-34.7 0-13.7 6.6-26.6 17.7-34.7.3-.2.8-.2 1 .2s.2.8-.2 1c-10.7 7.8-17.1 20.3-17.1 33.5s6.4 25.7 17.1 33.5c.3.2.4.7.2 1-.2.2-.4.3-.6.3z" />
+            <path d="M256 64c-.1 0-.3 0-.4-.1-8.2-6-13.2-15.6-13.2-25.7s4.9-19.8 13.2-25.7c.3-.2.8-.2 1 .2.2.3.2.8-.2 1-7.9 5.7-12.6 14.9-12.6 24.6 0 9.7 4.7 18.9 12.6 24.6.3.2.4.7.2 1-.2 0-.4.1-.6.1z" />
+            <path d="M262.4 55.1c-.1 0-.3 0-.4-.1-5.4-3.9-8.6-10.2-8.6-16.8 0-6.6 3.2-12.9 8.6-16.8.3-.2.8-.2 1 .2.2.3.2.8-.2 1-5 3.6-8 9.5-8 15.7 0 6.2 3 12 8 15.7.3.2.4.7.2 1-.1 0-.4.1-.6.1zM298.8 73c-.2 0-.4-.1-.6-.3-.2-.3-.2-.8.2-1 10.7-7.8 17.1-20.3 17.1-33.5s-6.4-25.7-17.1-33.5c-.3-.2-.4-.7-.2-1 .2-.3.7-.4 1-.2 11.1 8 17.7 21 17.7 34.7s-6.6 26.6-17.7 34.7c-.1 0-.3.1-.4.1z" />
+            <path d="M292.3 64c-.2 0-.4-.1-.6-.3-.2-.3-.2-.8.2-1 7.9-5.7 12.6-14.9 12.6-24.6 0-9.7-4.7-18.9-12.6-24.6-.3-.2-.4-.7-.2-1 .2-.3.7-.4 1-.2 8.2 6 13.2 15.6 13.2 25.7s-4.9 19.8-13.2 25.7c-.1.3-.2.3-.4.3z" />
+            <path d="M285.9 55.1c-.2 0-.4-.1-.6-.3-.2-.3-.2-.8.2-1 5-3.6 8-9.5 8-15.7 0-6.2-3-12-8-15.7-.3-.2-.4-.7-.2-1 .2-.3.7-.4 1-.2 5.4 3.9 8.6 10.2 8.6 16.8 0 6.6-3.2 12.9-8.6 16.8-.2.3-.3.3-.4.3z" />
+            <circle cx={274.1} cy={38.2} r={9} className="fill-[#bababa]" />
+            <path d="M274.1 47.9c-5.4 0-9.7-4.4-9.7-9.7s4.4-9.7 9.7-9.7c5.4 0 9.7 4.4 9.7 9.7s-4.3 9.7-9.7 9.7zm0-18c-4.6 0-8.3 3.7-8.3 8.3 0 4.6 3.7 8.3 8.3 8.3 4.6 0 8.3-3.7 8.3-8.3 0-4.6-3.7-8.3-8.3-8.3z" />
+            <path d="M262.4 210.6h23.4v58.6h-23.4z" className="fill-white" />
+            <path d="M285.9 269.9h-23.4c-.4 0-.7-.3-.7-.7v-58.6c0-.4.3-.7.7-.7h23.4c.4 0 .7.3.7.7v58.6c0 .4-.3.7-.7.7zm-22.8-1.5h22v-57.2h-22v57.2z" />
+            <path
+                d="M354.8 289.5H193.4c-1.6 0-3-1.3-3-3v-21.4c0-1.6 1.3-3 3-3h161.4c1.6 0 3 1.3 3 3v21.4c0 1.6-1.3 3-3 3z"
+                className="fill-white"
+            />
+            <path d="M353.4 290.2H194.9c-2.8 0-5.1-2.3-5.1-5.1v-18.5c0-2.8 2.3-5.1 5.1-5.1h158.5c2.8 0 5.1 2.3 5.1 5.1V285c0 2.9-2.3 5.2-5.1 5.2zm-158.5-27.4c-2 0-3.7 1.7-3.7 3.7V285c0 2 1.7 3.7 3.7 3.7h158.5c2 0 3.7-1.7 3.7-3.7v-18.5c0-2-1.7-3.7-3.7-3.7H194.9z" />
+            <path
+                d="M354.8 331H193.4c-1.6 0-3-1.3-3-3v-35.6c0-1.6 1.3-3 3-3h161.4c1.6 0 3 1.3 3 3V328c0 1.7-1.3 3-3 3z"
+                className="fill-white"
+            />
+            <path d="M353.4 331.8H194.9c-2.8 0-5.1-2.3-5.1-5.1V294c0-2.8 2.3-5.1 5.1-5.1h158.5c2.8 0 5.1 2.3 5.1 5.1v32.7c0 2.8-2.3 5.1-5.1 5.1zm-158.5-41.6c-2 0-3.7 1.7-3.7 3.7v32.7c0 2 1.7 3.7 3.7 3.7h158.5c2 0 3.7-1.7 3.7-3.7v-32.7c0-2-1.7-3.7-3.7-3.7H194.9z" />
+            <path
+                d="M179.4 219.9V109.7c0-10.4 8.4-18.8 18.8-18.8H350c10.4 0 18.8 8.4 18.8 18.8v110.2c0 10.4-8.4 18.8-18.8 18.8H198.2c-10.3 0-18.8-8.4-18.8-18.8z"
+                className="fill-white"
+            />
+            <path d="M341 239.4H207.3c-15.7 0-28.6-12.8-28.6-28.6v-92.1c0-15.7 12.8-28.6 28.6-28.6H341c15.7 0 28.6 12.8 28.6 28.6v92.1c-.1 15.8-12.9 28.6-28.6 28.6zM207.3 91.6c-15 0-27.1 12.2-27.1 27.1v92.1c0 15 12.2 27.1 27.1 27.1H341c15 0 27.1-12.2 27.1-27.1v-92.1c0-15-12.2-27.1-27.1-27.1H207.3z" />
+            <path
+                d="M344.8 227.7H203.5c-7.2 0-13-5.8-13-13v-99.8c0-7.2 5.8-13 13-13h141.4c7.2 0 13 5.8 13 13v99.8c-.1 7.1-5.9 13-13.1 13z"
+                className="fill-[#393f4f]"
+            />
+            <path d="M338.5 228.4H209.7c-11 0-20-9-20-20v-87.2c0-11 9-20 20-20h128.8c11 0 20 9 20 20v87.2c0 11-8.9 20-20 20zM209.7 102.6c-10.2 0-18.6 8.3-18.6 18.6v87.2c0 10.2 8.3 18.6 18.6 18.6h128.8c10.2 0 18.6-8.3 18.6-18.6v-87.2c0-10.2-8.3-18.6-18.6-18.6H209.7z" />
+            <path d="M281.1 272.3h44.4v7.1h-44.4z" className="fill-[#393f4f]" />
+            <path d="M325.5 280.1h-44.4c-.4 0-.7-.3-.7-.7v-7.1c0-.4.3-.7.7-.7h44.4c.4 0 .7.3.7.7v7.1c.1.3-.3.7-.7.7zm-43.7-1.5h43V273h-43v5.6z" />
+            <path
+                d="M222.7 275.8c0 1.9-1.6 3.5-3.5 3.5s-3.5-1.6-3.5-3.5 1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5z"
+                className="fill-[#bababa]"
+            />
+            <path d="M219.2 280c-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2s4.2 1.9 4.2 4.2c0 2.3-1.9 4.2-4.2 4.2zm0-7c-1.5 0-2.8 1.3-2.8 2.8 0 1.5 1.3 2.8 2.8 2.8 1.5 0 2.8-1.3 2.8-2.8 0-1.5-1.3-2.8-2.8-2.8z" />
+            <path
+                d="M237.9 275.8c0 1.9-1.6 3.5-3.5 3.5s-3.5-1.6-3.5-3.5 1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5z"
+                className="fill-[#bababa]"
+            />
+            <path d="M234.4 280c-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2 2.3 0 4.2 1.9 4.2 4.2 0 2.3-1.9 4.2-4.2 4.2zm0-7c-1.5 0-2.8 1.3-2.8 2.8 0 1.5 1.3 2.8 2.8 2.8 1.5 0 2.8-1.3 2.8-2.8 0-1.5-1.3-2.8-2.8-2.8z" />
+            <path
+                d="M253.1 275.8c0 1.9-1.6 3.5-3.5 3.5s-3.5-1.6-3.5-3.5 1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5z"
+                className="fill-[#bababa]"
+            />
+            <path d="M249.6 280c-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2s4.2 1.9 4.2 4.2c0 2.3-1.9 4.2-4.2 4.2zm0-7c-1.5 0-2.8 1.3-2.8 2.8 0 1.5 1.3 2.8 2.8 2.8s2.8-1.3 2.8-2.8c0-1.5-1.3-2.8-2.8-2.8z" />
+            <path
+                d="M225.9 176.5H214c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7h11.9c.9 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7zM253 176.5h-11.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7H253c.9 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7zM280.1 176.5h-11.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7h11.9c.9 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7zM307.2 176.5h-11.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7h11.9c.9 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7zM334.3 176.5h-11.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7h11.9c.9 0 1.7.8 1.7 1.7 0 1-.8 1.7-1.7 1.7zM225.9 196H214c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7h11.9c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7zM253 196h-11.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7H253c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7zM280.1 196h-11.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7h11.9c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7zM307.2 196h-11.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7h11.9c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7zM334.3 196h-11.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7h11.9c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7zM221.3 145.6h-2.1l-4.7-7.1v7.1h-2.1v-10.4h2.1l4.7 7.1v-7.1h2.1v10.4zM226.6 145c-.8-.5-1.5-1.1-1.9-1.9-.5-.8-.7-1.7-.7-2.7 0-1 .2-1.9.7-2.7.5-.8 1.1-1.4 1.9-1.9.8-.5 1.7-.7 2.7-.7 1 0 1.9.2 2.7.7.8.5 1.4 1.1 1.9 1.9.5.8.7 1.7.7 2.7 0 1-.2 1.9-.7 2.7-.5.8-1.1 1.4-1.9 1.9-.8.5-1.7.7-2.7.7-1 0-1.9-.3-2.7-.7zm4.3-1.6c.5-.3.8-.7 1.1-1.2.3-.5.4-1.1.4-1.8s-.1-1.3-.4-1.8c-.3-.5-.6-.9-1.1-1.2-.5-.3-1-.4-1.6-.4-.6 0-1.2.1-1.7.4-.5.3-.9.7-1.1 1.2-.3.5-.4 1.1-.4 1.8s.1 1.3.4 1.8c.3.5.6.9 1.1 1.2.5.3 1 .4 1.7.4.6 0 1.1-.1 1.6-.4zM253.1 135.2v10.3H251v-6.7l-2.8 6.7h-1.6l-2.8-6.7v6.7h-2.1v-10.3h2.4l3.3 7.7 3.3-7.7h2.4zM258.4 136.9v2.6h3.5v1.6h-3.5v2.7h3.9v1.7h-6v-10.4h6v1.7h-3.9zM266.9 145.3c-.6-.2-1-.6-1.4-1.1-.3-.5-.5-1-.5-1.6h2.2c0 .4.2.8.5 1 .3.2.6.4 1.1.4.5 0 .9-.1 1.1-.3.3-.2.4-.5.4-.9 0-.3-.1-.6-.3-.8-.2-.2-.4-.4-.7-.5-.3-.1-.7-.2-1.2-.4-.7-.2-1.2-.4-1.6-.6-.4-.2-.8-.5-1.1-.9-.3-.4-.5-.9-.5-1.6 0-.6.2-1.1.5-1.6s.7-.8 1.3-1c.6-.2 1.2-.4 1.9-.4 1.1 0 1.9.3 2.6.8.7.5 1 1.2 1.1 2.2H270c0-.4-.2-.6-.5-.9-.3-.2-.7-.3-1.1-.3-.4 0-.7.1-1 .3-.2.2-.4.5-.4.9 0 .3.1.5.3.7.2.2.4.3.7.4.3.1.7.2 1.1.4.7.2 1.2.4 1.6.6.4.2.8.5 1.1.9.3.4.5.9.5 1.6 0 .6-.1 1.1-.4 1.5-.3.5-.7.9-1.3 1.1-.6.3-1.2.4-2 .4-.5.1-1.1-.1-1.7-.3zM277 145.3c-.6-.2-1-.6-1.4-1.1-.3-.5-.5-1-.5-1.6h2.2c0 .4.2.8.5 1 .3.2.6.4 1.1.4.5 0 .9-.1 1.1-.3.3-.2.4-.5.4-.9 0-.3-.1-.6-.3-.8-.2-.2-.4-.4-.7-.5-.3-.1-.7-.2-1.2-.4-.7-.2-1.2-.4-1.6-.6-.4-.2-.8-.5-1.1-.9-.3-.4-.5-.9-.5-1.6 0-.6.2-1.1.5-1.6s.7-.8 1.3-1c.6-.2 1.2-.4 1.9-.4 1.1 0 1.9.3 2.6.8.7.5 1 1.2 1.1 2.2h-2.3c0-.4-.2-.6-.5-.9-.3-.2-.7-.3-1.1-.3-.4 0-.7.1-1 .3-.2.2-.4.5-.4.9 0 .3.1.5.3.7.2.2.4.3.7.4.3.1.7.2 1.1.4.7.2 1.2.4 1.6.6.4.2.8.5 1.1.9.3.4.5.9.5 1.6 0 .6-.1 1.1-.4 1.5-.3.5-.7.9-1.3 1.1-.6.3-1.2.4-2 .4-.4.1-1.1-.1-1.7-.3zM291.9 143.6h-4.1l-.7 2h-2.2l3.7-10.4h2.4l3.7 10.4h-2.2l-.6-2zm-.6-1.7-1.5-4.3-1.5 4.3h3zM304.5 138.3c-.2-.4-.6-.8-1-1-.4-.2-.9-.3-1.5-.3s-1.2.1-1.6.4c-.5.3-.8.7-1.1 1.2-.3.5-.4 1.1-.4 1.8s.1 1.3.4 1.8c.3.5.6.9 1.1 1.2.5.3 1 .4 1.7.4.8 0 1.4-.2 1.9-.6.5-.4.8-1 1-1.8h-3.6v-1.6h5.6v1.8c-.1.7-.4 1.4-.9 2-.5.6-1 1.1-1.8 1.5-.7.4-1.5.6-2.4.6-1 0-1.9-.2-2.7-.7-.8-.4-1.4-1.1-1.9-1.9-.5-.8-.7-1.7-.7-2.7 0-1 .2-1.9.7-2.7.5-.8 1.1-1.4 1.9-1.9.8-.4 1.7-.7 2.7-.7 1.2 0 2.2.3 3 .9.9.6 1.5 1.4 1.8 2.4h-2.2zM311.9 136.9v2.6h3.5v1.6h-3.5v2.7h3.9v1.7h-6v-10.4h6v1.7h-3.9zM152.4 218.3c8.2.9 14.8 52.2 19 67.4 8.9 6.2 28.6 19.6 28.6 19.6L180 322s-25-8.2-31.7-18.3c-6.6-10.2-13.5-44.1-13.5-55 0-22 4.4-31.8 17.6-30.4z"
+                className="fill-white"
+            />
+            <path d="M180 322.7h-.2c-.1 0-6.4-2.1-13.4-5.4-9.5-4.5-15.8-8.9-18.6-13.2-6.8-10.4-13.6-44.5-13.6-55.4 0-15.1 2.1-23.8 6.8-28 2.8-2.5 6.6-3.5 11.5-3 3 .3 5.7 5.5 8.7 16.7 2.5 9.2 4.7 20.8 6.7 31.1 1.6 8.3 3 15.5 4.2 19.9 8.9 6.2 28.2 19.3 28.4 19.4.2.1.3.3.3.6 0 .2-.1.4-.3.6l-20 16.7c-.1-.1-.3 0-.5 0zm-30-103.8c-3.4 0-6 .9-8.1 2.7-4.4 3.9-6.4 12.3-6.3 27 0 5.5 1.7 16.6 4.3 27.7 2.9 12.7 6.3 22.6 9.2 27 6 9.2 27.8 16.9 30.9 17.9l18.9-15.8c-3.8-2.6-20-13.6-27.8-19.1-.1-.1-.2-.2-.3-.4-1.2-4.4-2.6-11.8-4.3-20.3-2-10.2-4.2-21.8-6.7-31-1.3-4.9-2.6-8.6-3.8-11.3-1.6-3.4-2.9-4.3-3.6-4.4H150z" />
+            <path
+                d="m232.6 306-3.5 67.2s-151.5-1.3-161-1.6c-9.6-.3-23.8-22.7-22.1-43.9 1.7-21.2 3.6-61.7 3.6-61.7l105.9-2.1s2.3 14.1 2.5 21.5c.2 7.4-.4 18.8-.4 18.8l75 1.8z"
+                className="fill-white"
+            />
+            <path d="M229.1 373.9c-1.5 0-151.6-1.3-161.1-1.6-3.1-.1-6.6-2.2-10.1-6.1-7-7.8-13.9-23.2-12.7-38.5 1.6-20.9 3.6-61.3 3.6-61.7 0-.4.3-.7.7-.7l105.9-2.1c.4 0 .7.2.7.6 0 .1 2.3 14.3 2.5 21.6.2 6.3-.2 15.4-.4 18.1l74.3 1.7c.2 0 .4.1.5.2.1.1.2.3.2.5l-3.5 67.2c.1.5-.2.8-.6.8zM50.2 266.8c-.3 5.4-2.1 41.6-3.6 61-1.2 14.9 5.6 29.9 12.4 37.4 3.2 3.6 6.4 5.6 9.1 5.7 9.1.3 149.3 1.5 160.3 1.6l3.4-65.8-74.3-1.7c-.2 0-.4-.1-.5-.2-.1-.1-.2-.3-.2-.5 0-.1.7-11.4.4-18.7-.2-6.4-2-18-2.4-20.8l-104.6 2z" />
+            <path
+                d="M41.8 83.1c0-.1 0-.1 0 0 0-.1 0-.1 0 0-.7 2.4-2.2 4.2-4.7 5.2 2.4 1.1 4 2.8 4.7 5.2v.1-.1c.7-2.4 2.2-4.2 4.7-5.2-2.4-1-4-2.8-4.7-5.2zM139.2 49.2c0-.1 0-.1 0 0 0-.1 0-.1 0 0-.7 2.4-2.2 4.2-4.7 5.2 2.4 1.1 4 2.8 4.7 5.2v.1-.1c.7-2.4 2.2-4.2 4.7-5.2-2.5-1-4-2.8-4.7-5.2zM347.1 16.8c-.7 2.4-2.2 4.2-4.7 5.2 2.4 1.1 4 2.8 4.7 5.2v.1-.1c.7-2.4 2.2-4.2 4.7-5.2-2.4-1-4-2.7-4.7-5.2zM384.9 56v-.1.1-.1.1c-1.4 4.9-4.5 8.4-9.4 10.5 4.9 2.1 8 5.6 9.3 10.5v.1-.1.1-.1c1.3-4.9 4.5-8.4 9.3-10.5-4.7-2.1-7.8-5.6-9.2-10.5zM77.5 22.2v-.1.1-.1.1c-1.4 4.9-4.5 8.4-9.4 10.5 4.9 2.1 8 5.6 9.3 10.5v.1-.1.1-.1c1.3-4.9 4.5-8.4 9.3-10.5-4.8-2.2-7.9-5.6-9.2-10.5z"
+                className="fill-[#bababa]"
+            />
+            <path
+                d="M92 209.3c-29 0-64.3 14.7-68.6 19.4C19 233.4 6.5 293 6.5 299.5s40 75.1 40 75.1l29.1-12.1s-24-49-24.5-55.1c-.5-6 1.9-24 1.9-24s34.2 5.6 64.5 3.1c28.4-2.3 43.9-7.5 43.9-7.5 0-20.1-5.4-58.2-8.9-60.6-3.5-2.4-41.5-9.1-60.5-9.1z"
+                className="fill-white"
+            />
+            <path d="M46.5 375.3c-.2 0-.5-.1-.6-.4-.1-.2-10.1-17.4-20-35.1-5.8-10.4-10.4-19-13.8-25.5-5.7-11.1-6.3-13.8-6.3-14.8 0-3.3 3.1-19.5 6.8-36.2 2.7-11.8 7.5-32.1 10.2-35.1 2.5-2.7 13.4-7.8 25.3-11.7 9.1-3 26.8-8 43.8-8 18.4 0 57.1 6.6 60.8 9.2.6.4 1.7 1.8 3.1 8.1 1 4.2 2 9.7 2.9 16.1 1.9 13.4 3.1 27.6 3.1 37.1 0 .3-.2.6-.5.7-.2.1-4 1.3-11.4 2.9-6.8 1.5-18 3.4-32.7 4.6-27.6 2.2-58.8-2.2-63.9-3-.4 3.4-2.2 17.9-1.8 23.1.4 4.7 16.1 37.9 24.4 54.8.1.2.1.4 0 .6-.1.2-.2.3-.4.4l-29.1 12.1c.3 0 .2.1.1.1zM92 210c-29.1 0-64 14.7-68.1 19.2-1.7 1.9-5.5 15.1-9.9 34.4-3.7 16.3-6.8 32.8-6.8 35.9 0 1.4 2.6 8.5 19.9 39.6 8.9 16 17.9 31.5 19.7 34.6l27.8-11.6c-3-6.2-23.8-48.9-24.2-54.7-.5-6 1.8-23.4 1.9-24.1 0-.2.1-.4.3-.5.2-.1.4-.2.5-.1.3.1 34.5 5.5 64.3 3.1 14.6-1.2 25.7-3.2 32.4-4.6 5.8-1.3 9.5-2.3 10.7-2.7 0-9.4-1.2-23.2-3.1-36.3-.9-6.3-1.9-11.9-2.9-16-1.4-6.1-2.3-7.1-2.6-7.2-3-2.2-40.8-9-59.9-9zm69.3 69z" />
+            <path d="m231.3 330.5-119.9-4.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7l119.8 4.1c.4 0 .7.3.7.7.1.4-.2.7-.6.7zM18.3 325.1c-.2 0-.4-.1-.5-.2-.3-.3-.2-.7.1-1 0 0 2.5-2.2 4.5-6.4 1.8-3.8 3.6-10.2 1.7-18.7-1.8-7.9-5.6-12.5-8.5-15-3.1-2.6-5.8-3.4-5.8-3.4-.4-.1-.6-.5-.5-.9.1-.4.5-.6.9-.5.1 0 3 .9 6.3 3.7 3.1 2.6 7.1 7.4 9 15.8 2 8.9.2 15.6-1.8 19.7-2.1 4.4-4.7 6.7-4.8 6.8-.3.1-.4.1-.6.1zM53 284.1c-.1 0-.1 0 0 0-.4 0-.7-.3-.7-.7.6-17.6.8-33.3-3.3-46.6-.1-.4.1-.8.5-.9.4-.1.8.1.9.5 4.2 13.5 4 29.3 3.4 47-.1.4-.5.7-.8.7z" />
+            <path
+                d="M211.6 303.5s-3.9 9.3-4.3 23.2c-.4 13.9 5.8 25.6 5.8 25.6h36.1s6.1 1.2 9.7 1.2c3.7 0 7.7.2 8.8-4.5 1.1-4.6-.5-73.1-1.9-73.9-1.4-.8-8.2-.1-10.5 4.8-1.5 3.1-7.1 18.5-12.9 21.1-5.8 2.6-27.6 2.2-30.8 2.5z"
+                className="fill-primary"
+            />
+            <path d="M259.7 354.2h-.7c-3.5 0-9.1-1-9.8-1.2h-36c-.3 0-.5-.1-.6-.4-.1-.1-6.3-12-5.9-25.9.2-7.2 1.4-13.2 2.3-17 1-4.1 2-6.4 2-6.5.1-.2.3-.4.6-.4.8-.1 2.7-.1 5.2-.2 7.4-.1 21.2-.4 25.4-2.3 4.6-2.1 9.5-13.6 11.6-18.5.4-1 .7-1.7 1-2.2 1.1-2.3 3.2-4 6-4.9 2.1-.7 4.5-.8 5.5-.2.5.3.8.5 1.4 11.8.3 6.3.6 15 .9 24.3.4 16.8.6 36.1 0 38.6-1.3 4.9-5.5 5-8.9 5zm-46.1-2.6H249.4c.1 0 6 1.2 9.6 1.2h.4c3.5 0 6.8 0 7.7-3.9.5-2 .5-17.6 0-37.2-.5-19-1.2-33.9-1.8-35.9-.6-.2-2.3-.2-4.2.4-1.4.4-3.9 1.6-5.1 4.1-.2.5-.5 1.2-.9 2.1-2.3 5.5-7.2 17-12.3 19.3-4.5 2-17.9 2.2-25.9 2.4-2.1 0-3.7.1-4.7.1-.7 1.9-3.7 10.6-4.1 22.6-.4 12.1 4.4 22.7 5.5 24.8zm51.6-76z" />
+            <path
+                d="M265.8 275.2c-4-.1-4.9 27.9-5.1 34.5-.2 6.5-.5 42.1 5.1 42.6s4.8-33.9 5.1-44.7c.4-10.7-1.5-32.3-5.1-32.4z"
+                className="fill-[#393f4f]"
+            />
+            <path d="M265.9 353h-.2c-1.7-.1-2.9-2.2-3.8-6.5-.7-3.2-1.2-7.6-1.5-13.2-.5-8.9-.5-19.1-.4-23.6.1-3 .3-10.8 1-18.2 1.2-14.2 3-15.9 3.6-16.4.5-.5 1-.5 1.3-.5.5 0 .9.2 1.3.7 3.3 3.5 4.8 23 4.5 32.5-.1 1.8-.1 4.2-.1 7-.2 17.3-.6 34.5-4.1 37.7-.5.3-1 .5-1.6.5zm-.1-77.1c-.1 0-.2.1-.2.1-.7.7-2.1 3.6-3.1 15.5-.6 7.4-.9 15.1-1 18.1-.1 4.6-.2 14.7.4 23.5 1 16.8 3.4 18.3 4 18.4.1 0 .3 0 .6-.2 1-.9 2.3-4.1 3-14.5.5-7.3.6-15.9.6-22.2 0-2.8 0-5.2.1-7 .2-5.1-.2-12.3-.9-18.4-1.1-10-2.6-12.5-3.2-13.1-.1-.1-.2-.2-.3-.2z" />
+            <path
+                d="M52.3 350.1c-7.2 4.3-14.5 9.8-15.2 11.7-.7 2 9.5 16.8 9.4 17.4-.1.7 2.6 11.2 7.3 13.9 4.6 2.6 23.1-.9 26.5-.9 3.4 0 14.1 3 16.9 2.8 2.8-.2 22.6-13.6 22.6-14.5 0-2.5-10.6-14.3-16.8-17.7-6.2-3.4-20.1-1.2-23.2-2.1-1.7-2.8-8.8-16.9-8.8-16.9s-11.4 2-18.7 6.3z"
+                className="fill-primary"
+            />
+            <path d="M96.9 395.7c-1.6 0-4.8-.7-8.2-1.4-3.3-.7-6.8-1.4-8.4-1.4-.9 0-2.9.3-5.4.6-9.1 1.2-18.2 2.1-21.5.2-2.6-1.5-4.6-5.2-5.7-8-1-2.4-1.9-5.4-1.9-6.4-.2-.5-1.4-2.5-2.6-4.4-5-8.1-7.2-12-6.7-13.4.9-2.6 10-8.8 15.5-12.1 7.3-4.4 18.4-6.3 18.9-6.4.3-.1.6.1.8.4.1.1 6.7 13.4 8.7 16.6 1.1.2 3.3.2 5.9.1 5.5-.1 13-.3 17.2 2 2.9 1.6 6.9 5.1 10.9 9.3 1.5 1.6 6.2 6.9 6.2 9 0 .4 0 .7-3.4 3.2-1.9 1.4-4.5 3.2-7.1 4.9-3.2 2.1-10.8 7-12.7 7.1-.3.1-.4.1-.5.1zm-16.6-4.2c1.8 0 5.1.7 8.7 1.4 3.4.7 6.9 1.4 8.2 1.3.8-.1 4.7-2.1 11.5-6.5 5.4-3.5 9.6-6.6 10.4-7.4-.2-.9-1.9-3.6-5.8-7.8-3.8-4.1-7.8-7.6-10.5-9-3.9-2.2-11.2-2-16.5-1.8-3 .1-5.4.1-6.6-.2-.2 0-.3-.2-.4-.3-1.6-2.5-7.3-13.9-8.6-16.5-2.3.4-11.6 2.4-17.8 6.1-3.5 2.1-7.2 4.6-10 6.7-3.3 2.5-4.7 4-4.9 4.6 0 .2.1 1 2.1 4.7 1.3 2.4 3.1 5.2 4.5 7.5 2.7 4.3 2.9 4.7 2.8 5.1.1 1 2.7 10.7 6.9 13.2 3.2 1.8 14.1.4 20.6-.4 2.4-.4 4.4-.7 5.4-.7zm-33.1-12.1zm-1.4 0zm0-.2v.1-.1zm-8-17.1z" />
+            <path d="M102 393.4c-.1 0-.3 0-.4-.1 0 0-3.1-2.1-6.5-4.2-5.7-3.5-8.1-4.5-9.1-4.7-3.6-.8-10.1-1-10.2-1-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.3 0 6.7.2 10.4 1 3.8.8 15.6 8.7 16.1 9.1.3.2.4.7.2 1-.1.2-.3.3-.5.3zM117.2 383.4c-.2 0-.4-.1-.5-.2-3.5-3.4-13.1-12.3-15.9-12.9-3.6-.8-9.9-1.8-10-1.8-.4-.1-.7-.4-.6-.8.1-.4.4-.7.8-.6.1 0 6.4 1.1 10 1.9 3.8.8 15.3 12 16.6 13.2.3.3.3.7 0 1-.1.2-.3.2-.4.2zM110.6 388c-.1 0-.3 0-.4-.1-.1-.1-11.8-8.8-15.2-10.3-3.4-1.5-10.5-2.3-10.6-2.3-.4 0-.7-.4-.6-.8 0-.4.4-.7.8-.6.3 0 7.4.8 11 2.4 3.6 1.6 15 10.1 15.5 10.5.3.2.4.7.1 1-.2.1-.4.2-.6.2z" />
+            <path
+                d="M190.1 325.7s-3.9 9.3-4.3 23.2c-.4 13.9 5.8 25.6 5.8 25.6h36.1s6.1 1.2 9.7 1.2c3.7 0 7.7.2 8.8-4.5s-.5-73.1-1.9-73.9c-1.4-.8-8.2-.1-10.5 4.8-1.5 3.1-7.1 18.5-12.9 21.1-5.8 2.6-27.7 2.2-30.8 2.5z"
+                className="fill-primary"
+            />
+            <path d="M238.1 376.4h-.7c-3.5 0-9.1-1-9.8-1.2h-36c-.3 0-.5-.1-.6-.4-.1-.1-6.3-12-5.9-25.9.2-7.2 1.4-13.2 2.3-17 1-4.1 2-6.4 2-6.5.1-.2.3-.4.6-.4.8-.1 2.7-.1 5.2-.2 7.4-.1 21.2-.4 25.4-2.3 4.6-2.1 9.5-13.6 11.6-18.5.4-1 .7-1.7 1-2.2 1.1-2.3 3.2-4 6-4.9 2.1-.7 4.5-.8 5.5-.2.5.3.8.5 1.4 11.8.3 6.3.6 15 .9 24.3.4 16.8.6 36.1 0 38.6-1.3 4.9-5.4 5-8.9 5zm-46.1-2.6H227.8c.1 0 6 1.2 9.6 1.2h.4c3.5 0 6.8 0 7.7-3.9.5-2 .5-17.6 0-37.2-.5-19-1.2-33.9-1.8-35.9-.6-.2-2.3-.2-4.2.4-1.4.4-3.9 1.6-5.1 4.1-.2.5-.5 1.2-.9 2.1-2.3 5.5-7.2 17-12.3 19.3-4.5 2-17.9 2.2-25.9 2.4-2.1 0-3.7.1-4.7.1-.7 1.9-3.7 10.6-4.1 22.6-.4 12.1 4.5 22.7 5.5 24.8zm51.7-76z" />
+            <path
+                d="M244.3 297.4c-4-.1-4.9 27.9-5.1 34.5-.2 6.5-.5 42.1 5.1 42.6s4.8-33.9 5.1-44.7c.3-10.7-1.6-32.3-5.1-32.4z"
+                className="fill-[#393f4f]"
+            />
+            <path d="M244.4 375.2h-.2c-1.7-.1-2.9-2.2-3.8-6.5-.7-3.2-1.2-7.6-1.5-13.2-.7-11-.4-22.4-.4-23.6.1-3 .3-10.8 1-18.2 1.2-14.2 3-15.9 3.6-16.4.5-.5 1-.5 1.3-.5.5 0 .9.2 1.3.7 3.3 3.5 4.8 23 4.5 32.5-.1 1.8-.1 4.2-.1 7-.2 17.3-.6 34.5-4.1 37.7-.6.3-1.1.5-1.6.5zm-.1-77.1c-.1 0-.2.1-.2.1-.7.7-2.1 3.6-3.1 15.5-.6 7.4-.9 15.1-1 18.1-.1 4.6-.2 14.7.4 23.5 1 16.8 3.4 18.3 4 18.4.1 0 .3 0 .6-.2 1-.9 2.3-4.1 3-14.5.5-7.3.6-15.9.6-22.2 0-2.8 0-5.2.1-7 .2-5.1-.2-12.3-.9-18.4-1.1-10-2.6-12.5-3.2-13.1-.1-.1-.2-.2-.3-.2z" />
+            <ellipse
+                cx={90.9}
+                cy={167.6}
+                className="fill-white"
+                rx={59}
+                ry={62.2}
+                transform="rotate(-82.322 90.864 167.577)"
+            />
+            <path d="M91.8 227.4c-3 0-6-.2-9-.6-8.4-1.1-16.4-3.8-23.6-7.9-7-4-13.1-9.1-18.1-15.4-5-6.2-8.6-13.1-10.8-20.6-2.3-7.7-2.9-15.7-1.8-23.7 1.1-8 3.8-15.5 8-22.4 4.1-6.6 9.4-12.3 15.9-17 6.5-4.7 13.7-8 21.5-10 8.1-2 16.5-2.5 24.9-1.4 8.4 1.1 16.4 3.8 23.6 7.9 7 4 13.1 9.1 18.1 15.4 5 6.2 8.6 13.1 10.8 20.6 2.3 7.7 2.9 15.7 1.8 23.7-1.1 8-3.8 15.5-8 22.4-4.1 6.6-9.4 12.3-15.9 17-6.5 4.7-13.7 8-21.5 10-5.1 1.3-10.5 2-15.9 2zm-62.6-68.1.7.1c-1.1 7.8-.5 15.6 1.8 23.1 2.1 7.3 5.7 14.1 10.6 20.1 4.9 6.1 10.8 11.1 17.7 15 7.1 4 14.9 6.6 23.1 7.7 8.2 1.1 16.4.7 24.4-1.3 7.7-1.9 14.7-5.2 21.1-9.8 6.3-4.6 11.5-10.1 15.5-16.6 4.1-6.7 6.8-14 7.8-21.8 1.1-7.8.5-15.6-1.8-23.1-2.1-7.3-5.7-14.1-10.6-20.1-4.9-6.1-10.8-11.1-17.7-15-7.1-4-14.9-6.6-23.1-7.7-8.2-1.1-16.4-.7-24.4 1.3-7.7 1.9-14.7 5.2-21.1 9.8-6.3 4.6-11.5 10.1-15.5 16.6-4.1 6.7-6.8 14-7.8 21.8l-.7-.1z" />
+            <path
+                d="M152.5 175.9c-4.3 32-34.9 54.3-68.5 50.3-18.6-12.7-28.1-34.8-28.3-62.1-.1-19.4 6.3-39.9 13.3-52.1 9.2-3.2 19.3-4.3 29.7-2.9 34.1 4.6 58.2 34.5 53.8 66.8z"
+                className="fill-[#393f4f]"
+            />
+            <path d="M91.9 227.4c-2.6 0-5.3-.2-7.9-.5-.1 0-.2-.1-.3-.1-9.3-6.3-16.4-15-21.3-25.9-4.7-10.6-7.2-23-7.3-36.8 0-9.1 1.3-19.1 4-29 2.4-8.7 5.7-17.1 9.3-23.5.1-.2.2-.3.4-.3 9.5-3.3 19.9-4.3 30-2.9 8.4 1.1 16.4 3.8 23.6 7.9 7 4 13.1 9.1 18.1 15.4 5 6.2 8.6 13.1 10.8 20.6 2.3 7.7 2.9 15.7 1.8 23.7-2.1 15.6-10.5 29.5-23.5 39.1-10.8 8-24 12.3-37.7 12.3zm-7.6-1.9c16.1 1.9 31.9-2.2 44.6-11.5 12.8-9.4 20.9-22.9 23-38.2l.7.1-.7-.1c1.1-7.8.5-15.6-1.8-23.1-2.1-7.3-5.7-14.1-10.6-20.1-4.9-6.1-10.8-11.1-17.7-15-7.1-4-14.9-6.6-23.1-7.7-9.8-1.3-19.9-.4-29.1 2.8-3.5 6.3-6.8 14.5-9.1 23-2.6 9.7-4 19.6-4 28.6.1 13.6 2.5 25.8 7.1 36.2 4.7 10.4 11.7 18.8 20.7 25z" />
+            <path
+                d="M43.7 167.1c.7-4.9 3.6-8.9 7.5-11.2l.3-2.3s8.3.3 9.2.4c8.3 1.1 14.1 8.8 13 17.1-1.1 8.3-8.7 13.8-17.1 13-2.3-.2-9.2-.4-9.2-.4l.5-3.9c-3.1-3.2-4.9-7.8-4.2-12.7z"
+                className="fill-white"
+            />
+            <path d="M58.2 184.9c-.5 0-1.1 0-1.6-.1-2.2-.2-9.1-.4-9.2-.4-.2 0-.4-.1-.5-.3-.1-.2-.2-.4-.2-.6l.5-3.5c-3.4-3.5-4.9-8.3-4.3-13.1.7-4.8 3.4-9 7.6-11.5l.3-1.9c0-.4.4-.6.7-.6.9 0 8.4.3 9.3.4 8.7 1.2 14.8 9.2 13.6 17.9-.6 4.2-2.7 7.9-6.1 10.4-2.8 2.2-6.4 3.3-10.1 3.3zm-9.9-1.9c1.9.1 6.6.2 8.5.4 3.9.4 7.7-.7 10.8-3 3.1-2.3 5-5.6 5.5-9.4 1.1-7.9-4.5-15.2-12.4-16.3-.6-.1-5.2-.3-8.5-.4l-.2 1.6c0 .2-.2.4-.4.5-4 2.3-6.6 6.1-7.2 10.6-.6 4.5.9 8.9 4.1 12.2.2.2.2.4.2.6l-.4 3.2zm-4.6-15.9z" />
+            <circle
+                cx={49.5}
+                cy={168.7}
+                r={15.2}
+                className="fill-white"
+                transform="rotate(-87.086 49.499 168.688)"
+            />
+            <path d="M49.5 184.6c-.7 0-1.4 0-2.1-.1-4.2-.6-7.9-2.7-10.5-6.1-2.6-3.4-3.7-7.5-3.1-11.8l.7.1-.7-.1c1.2-8.7 9.2-14.8 17.9-13.6 4.2.6 7.9 2.7 10.5 6.1 2.6 3.4 3.7 7.5 3.1 11.8-1.1 7.9-8 13.7-15.8 13.7zm0-30.4c-7.1 0-13.3 5.3-14.3 12.5-.5 3.8.5 7.6 2.8 10.7 2.3 3.1 5.7 5 9.6 5.6.7.1 1.3.1 1.9.1 7.1 0 13.3-5.3 14.3-12.5.5-3.8-.5-7.6-2.8-10.7-2.3-3.1-5.7-5-9.6-5.6-.6 0-1.3-.1-1.9-.1z" />
+        </svg>
+    )
+}
+
+export default StartConverstation

package/lib/@ecme/assets/svg/TopBarClassicSvg.tsx

@@ -0,0 +1,96 @@
+const TopBarClassicSvg = ({
+    height = 100,
+    width = 100,
+}: {
+    height?: number | string
+    width?: number | string
+}) => {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 500 500" // Adjusted viewBox
+            width={width}
+            height={height}
+            fill="none"
+        >
+            <rect
+                width={500}
+                height={500}
+                className="fill-white dark:fill-gray-800 "
+                rx={20}
+            />
+            <path
+                className="fill-gray-100 dark:fill-gray-950"
+                d="M0 0h500v500H0z"
+            />
+            <mask id="a" className="fill-white dark:fill-gray-800 ">
+                <path d="M0 20C0 8.954 8.954 0 20 0h460c11.046 0 20 8.954 20 20v58H0V20Z" />
+            </mask>
+            <path
+                className="fill-white dark:fill-gray-800 "
+                d="M0 20C0 8.954 8.954 0 20 0h460c11.046 0 20 8.954 20 20v58H0V20Z"
+            />
+            <path
+                className="fill-gray-200 dark:fill-gray-600"
+                d="M0 0h500H0Zm500 79H0v-2h500v2ZM0 78V0v78ZM500 0v78V0Z"
+                mask="url(#a)"
+            />
+            <circle
+                cx={47}
+                cy={39}
+                r={17}
+                className="fill-gray-200 dark:fill-gray-600"
+            />
+            <rect
+                width={88}
+                height={33}
+                x={94}
+                y={22.5}
+                className="fill-primary-subtle"
+                rx={6}
+            />
+            <rect
+                width={69}
+                height={13}
+                x={103.5}
+                y={32.5}
+                className="fill-primary"
+                rx={6}
+            />
+            <rect
+                width={56}
+                height={13}
+                x={192}
+                y={32.5}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={6}
+            />
+            <rect
+                width={56}
+                height={13}
+                x={268}
+                y={32.5}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={6}
+            />
+            <rect
+                width={56}
+                height={13}
+                x={344}
+                y={32.5}
+                className="fill-gray-200 dark:fill-gray-600"
+                rx={6}
+            />
+            <rect
+                width={460}
+                height={382}
+                x={20}
+                y={98}
+                className="fill-white dark:fill-gray-800 "
+                rx={20}
+            />
+        </svg>
+    )
+}
+
+export default TopBarClassicSvg