Tools & Assets

export default function CitrusLogo({ className = "" }) {
  return (
    <svg
      width="436px"
      height="211px"
      viewBox="0 0 435.69909958612357 211.00425755074406"
      className={className}
      xmlns="http://www.w3.org/2000/svg"
    >
      <g>
        <path style={{stroke: "rgb(193,193,193)", strokeOpacity: 1, strokeWidth: 0, strokeDasharray: "none", strokeLinecap: "butt", strokeDashoffset: 0, strokeLinejoin: "miter", strokeMiterlimit: 4, fill: "rgb(188,71,118)", fillOpacity: 1, fillRule: "nonzero", opacity: 1}} transform="matrix(0.850334 0 0 0.85107 217.849592 105.502092) matrix(1 0 0 1 -0.623563 -26.130465) translate(-257.069406, -98.783595)" d="M 174.03 157.13 C 166.01 159.43 161.35 159.39 153.16 156.98 C 132.07 150.75 119.91 135.28 119.85 114.59 C 119.80 95.90 128.50 82.07 145.30 74.14 C 157.14 68.55 162.23 66.29 170.32 63.04 C 174.27 61.46 180.20 58.97 183.50 57.50 C 191.20 54.07 195.99 52.00 198.50 51.00 C 199.60 50.56 202.07 49.53 204.00 48.71 C 205.93 47.88 209.98 46.19 213.00 44.94 C 216.02 43.69 218.93 42.30 219.45 41.84 C 220.77 40.67 229.73 40.79 231.99 41.99 C 233.82 42.97 236.98 48.27 237.02 50.40 C 237.03 51.38 226.47 78.23 222.03 88.50 C 221.08 90.70 218.60 96.78 216.52 102.00 C 214.45 107.22 212.16 112.85 211.44 114.50 C 210.73 116.15 208.79 121.00 207.14 125.29 C 203.07 135.86 200.06 140.73 194.23 146.19 C 188.41 151.63 182.98 154.58 174.03 157.13 Z M 273.12 193.81 C 265.55 196.89 248.98 196.80 241.16 193.65 C 230.11 189.20 219.61 178.16 215.45 166.61 C 214.13 162.93 213.63 158.84 213.68 152.00 C 213.74 143.51 214.14 141.49 217.45 133.00 C 219.48 127.78 221.56 122.72 222.07 121.76 C 222.58 120.81 223.00 119.57 223.00 119.00 C 223.00 118.44 223.87 116.07 224.93 113.74 C 225.99 111.41 231.45 98.03 237.06 84.00 C 243.60 67.66 248.13 57.69 249.69 56.25 C 253.11 53.07 260.83 53.07 263.66 56.25 C 265.49 58.31 270.59 69.27 277.52 86.00 C 279.00 89.57 281.01 94.30 281.99 96.50 C 282.96 98.70 285.20 103.88 286.96 108.00 C 290.75 116.91 291.98 119.71 295.28 127.03 C 301.10 139.94 302.79 149.44 301.11 159.81 C 298.60 175.35 288.56 187.54 273.12 193.81 Z M 365.74 155.00 C 357.97 157.73 343.70 157.71 336.00 154.96 C 322.89 150.28 314.25 141.08 307.40 124.50 C 305.35 119.55 302.67 113.25 301.44 110.50 C 300.21 107.75 297.99 102.57 296.50 99.00 C 295.01 95.43 292.99 90.70 292.01 88.50 C 276.45 53.67 275.34 49.39 280.44 44.07 C 282.71 41.69 284.24 41.00 287.20 41.00 C 289.31 41.00 291.81 41.44 292.76 41.99 C 295.50 43.54 306.16 48.00 307.14 48.00 C 307.62 48.00 309.93 48.85 312.26 49.90 C 314.59 50.94 327.98 56.38 342.00 61.98 C 372.58 74.21 374.96 75.33 380.48 80.19 C 389.93 88.51 395.00 99.98 395.00 113.04 C 395.00 132.79 383.98 148.59 365.74 155.00 Z M 84.00 2.02 C 84.00 1.81 82.79 1.63 80.32 1.50 L 204.25 1.50 C 200.74 1.64 199.00 1.82 199.00 2.03 C 199.00 2.60 199.79 3.31 200.75 3.62 C 201.71 3.93 203.51 4.59 204.75 5.09 C 205.99 5.59 208.01 6.40 209.25 6.88 C 221.43 11.64 224.00 13.92 224.00 19.88 C 223.99 25.81 220.96 28.28 206.00 34.58 C 198.57 37.70 192.07 40.65 191.55 41.13 C 191.03 41.61 190.03 42.00 189.33 42.00 C 188.62 42.00 185.10 43.35 181.50 45.00 C 177.90 46.65 174.73 48.00 174.47 48.00 C 174.21 48.00 171.66 49.12 168.81 50.50 C 165.96 51.88 163.27 53.00 162.84 53.00 C 162.41 53.00 159.68 54.08 156.78 55.39 C 144.13 61.12 139.74 63.19 135.14 63.92 C 132.32 64.37 129.43 64.31 124.50 64.30 C 112.78 64.27 112.33 64.18 105.50 60.74 C 94.70 55.29 86.92 46.72 82.97 35.92 C 80.47 29.08 80.20 12.16 82.50 6.65 C 83.32 4.68 84.00 2.59 84.00 2.02 Z M 432.46 1.50 C 430.37 1.75 430.24 2.14 430.48 2.74 C 435.02 14.08 434.93 26.01 430.21 38.00 C 428.14 43.26 420.14 52.71 414.89 56.09 C 405.20 62.35 399.85 64.00 389.43 63.99 C 387.62 63.98 386.29 64.03 384.96 63.96 C 379.13 63.68 373.40 61.25 327.50 43.06 C 321.70 40.76 320.19 40.14 316.71 38.64 C 314.62 37.73 309.22 35.57 304.71 33.84 C 293.84 29.67 292.21 28.49 290.98 23.93 C 290.17 20.93 290.27 19.28 291.43 16.52 C 292.66 13.56 294.12 12.42 300.20 9.62 C 304.22 7.78 309.22 5.66 311.31 4.91 C 313.41 4.16 315.60 2.98 316.19 2.28 C 316.46 1.94 315.48 1.69 312.37 1.50 L 432.46 1.50 Z" strokeLinecap="round" />
        <path style={{stroke: "rgb(193,193,193)", strokeOpacity: 1, strokeWidth: 0, strokeDasharray: "none", strokeLinecap: "butt", strokeDashoffset: 0, strokeLinejoin: "miter", strokeMiterlimit: 4, fill: "rgb(203,94,103)", fillOpacity: 1, fillRule: "nonzero", opacity: 1}} transform="matrix(0.850334 0 0 0.85107 217.849592 105.502092) matrix(1 0 0 1 -1.266835 -25.584493) translate(-256.426134, -99.329567)" d="M 178.91 157.43 C 173.39 159.35 161.03 160.16 154.72 159.02 C 146.47 157.53 137.32 152.54 131.03 146.11 C 124.12 139.05 120.49 132.05 118.39 121.74 C 116.98 114.82 116.98 113.39 118.39 106.57 C 121.00 93.95 126.92 84.16 135.97 77.52 C 138.66 75.55 148.20 70.79 157.18 66.94 C 166.16 63.10 174.40 59.52 175.50 59.00 C 177.88 57.85 202.50 47.53 216.26 41.90 L 226.02 37.91 L 230.44 39.87 C 235.22 41.98 237.99 45.95 238.01 50.70 C 238.02 52.88 219.44 100.75 212.47 116.50 C 211.74 118.15 209.81 122.95 208.19 127.18 C 202.19 142.76 192.60 152.67 178.91 157.43 Z M 366.01 156.56 C 352.35 161.19 337.22 159.23 325.28 151.31 C 315.42 144.76 312.69 140.47 299.96 111.50 C 299.00 109.30 296.99 104.57 295.51 101.00 C 294.02 97.43 292.20 93.15 291.45 91.50 C 285.20 77.67 275.00 52.49 275.00 50.90 C 275.00 48.52 277.61 44.14 280.44 41.77 C 284.70 38.20 293.38 40.02 312.50 48.49 C 314.15 49.22 327.20 54.40 341.50 60.00 C 355.80 65.60 370.05 71.53 373.17 73.19 C 398.88 86.81 404.95 122.15 385.34 143.97 C 379.59 150.36 374.46 153.70 366.01 156.56 Z M 275.41 194.59 C 270.70 196.67 267.57 197.28 260.00 197.55 C 248.63 197.97 245.11 197.31 236.81 193.22 C 216.09 183.00 206.83 159.26 214.57 136.18 C 215.99 131.95 217.73 127.15 218.45 125.50 C 222.83 115.38 225.15 109.72 227.39 103.73 C 228.79 100.00 230.58 95.50 231.38 93.73 C 232.18 91.95 235.86 82.95 239.56 73.72 C 247.28 54.44 249.20 52.00 256.68 52.00 C 263.78 52.00 266.23 55.27 275.43 77.00 C 279.74 87.18 284.05 97.30 285.02 99.50 C 302.47 139.34 304.69 146.09 303.65 156.12 C 301.87 173.13 291.28 187.56 275.41 194.59 Z M 174.03 157.13 C 182.98 154.58 188.41 151.63 194.23 146.19 C 200.06 140.73 203.07 135.86 207.14 125.29 C 208.79 121.00 210.73 116.15 211.44 114.50 C 212.16 112.85 214.45 107.22 216.52 102.00 C 218.60 96.78 221.08 90.70 222.03 88.50 C 226.47 78.23 237.03 51.38 237.02 50.40 C 236.98 48.27 233.82 42.97 231.99 41.99 C 229.73 40.79 220.77 40.67 219.45 41.84 C 218.93 42.30 216.02 43.69 213.00 44.94 C 209.98 46.19 205.93 47.88 204.00 48.71 C 202.07 49.53 199.60 50.56 198.50 51.00 C 195.99 52.00 191.20 54.07 183.50 57.50 C 180.20 58.97 174.27 61.46 170.32 63.04 C 162.23 66.29 157.14 68.55 145.30 74.14 C 128.50 82.07 119.80 95.90 119.85 114.59 C 119.91 135.28 132.07 150.75 153.16 156.98 C 161.35 159.39 166.01 159.43 174.03 157.13 Z M 273.12 193.81 C 288.56 187.54 298.60 175.35 301.11 159.81 C 302.79 149.44 301.10 139.94 295.28 127.03 C 291.98 119.71 290.75 116.91 286.96 108.00 C 285.20 103.88 282.96 98.70 281.99 96.50 C 281.01 94.30 279.00 89.57 277.52 86.00 C 270.59 69.27 265.49 58.31 263.66 56.25 C 260.83 53.07 253.11 53.07 249.69 56.25 C 248.13 57.69 243.60 67.66 237.06 84.00 C 231.45 98.03 225.99 111.41 224.93 113.74 C 223.87 116.07 223.00 118.44 223.00 119.00 C 223.00 119.57 222.58 120.81 222.07 121.76 C 221.56 122.72 219.48 127.78 217.45 133.00 C 214.14 141.49 213.74 143.51 213.68 152.00 C 213.63 158.84 214.13 162.93 215.45 166.61 C 219.61 178.16 230.11 189.20 241.16 193.65 C 248.98 196.80 265.55 196.89 273.12 193.81 Z M 365.74 155.00 C 383.98 148.59 395.00 132.79 395.00 113.04 C 395.00 99.98 389.93 88.51 380.48 80.19 C 374.96 75.33 372.58 74.21 342.00 61.98 C 327.98 56.38 314.59 50.94 312.26 49.90 C 309.93 48.85 307.62 48.00 307.14 48.00 C 306.16 48.00 295.50 43.54 292.76 41.99 C 291.81 41.44 289.31 41.00 287.20 41.00 C 284.24 41.00 282.71 41.69 280.44 44.07 C 275.34 49.39 276.45 53.67 292.01 88.50 C 292.99 90.70 295.01 95.43 296.50 99.00 C 297.99 102.57 300.21 107.75 301.44 110.50 C 302.67 113.25 305.35 119.55 307.40 124.50 C 314.25 141.08 322.89 150.28 336.00 154.96 C 343.70 157.71 357.97 157.73 365.74 155.00 Z M 257.59 1.00 C 226.98 1.00 202.00 1.34 202.00 1.75 C 202.01 2.16 205.85 4.01 210.56 5.86 C 215.26 7.71 220.43 10.33 222.05 11.70 C 224.66 13.89 225.00 14.81 225.00 19.72 C 225.00 24.73 224.68 25.56 221.63 28.38 C 219.77 30.10 214.93 32.80 210.88 34.40 C 206.82 35.99 201.48 38.17 199.00 39.25 C 196.52 40.32 193.60 41.59 192.50 42.07 C 162.09 55.24 139.33 64.56 135.00 65.60 C 123.44 68.39 111.92 66.53 100.62 60.07 C 89.52 53.72 81.36 41.20 79.07 27.00 C 77.85 19.44 78.01 18.07 81.68 3.24 L 82.08 1.62 C 83.37 1.73 84.00 1.86 84.00 2.02 C 84.00 2.59 83.32 4.68 82.50 6.65 C 80.20 12.16 80.47 29.08 82.97 35.92 C 86.92 46.72 94.70 55.29 105.50 60.74 C 112.33 64.18 112.78 64.27 124.50 64.30 C 129.43 64.31 132.32 64.37 135.14 63.92 C 139.74 63.19 144.13 61.12 156.78 55.39 C 159.68 54.08 162.41 53.00 162.84 53.00 C 163.27 53.00 165.96 51.88 168.81 50.50 C 171.66 49.12 174.21 48.00 174.47 48.00 C 174.73 48.00 177.90 46.65 181.50 45.00 C 185.10 43.35 188.62 42.00 189.33 42.00 C 190.03 42.00 191.03 41.61 191.55 41.13 C 192.07 40.65 198.57 37.70 206.00 34.58 C 220.96 28.28 223.99 25.81 224.00 19.88 C 224.00 13.92 221.43 11.64 209.25 6.88 C 208.01 6.40 205.99 5.59 204.75 5.09 C 203.51 4.59 201.71 3.93 200.75 3.62 C 199.79 3.31 199.00 2.60 199.00 2.03 C 199.00 1.34 218.00 1.00 257.59 1.00 Z M 432.36 1.51 L 433.31 4.74 C 433.92 6.81 434.43 13.90 434.46 20.50 C 434.50 31.99 434.36 32.79 431.28 39.30 C 426.99 48.35 418.35 56.99 409.30 61.28 C 403.01 64.26 401.60 64.52 390.50 64.82 L 378.50 65.15 L 350.50 53.98 C 335.10 47.84 321.15 42.22 319.50 41.50 C 317.85 40.77 312.38 38.60 307.35 36.67 C 294.69 31.81 292.20 30.38 289.96 26.70 C 285.48 19.36 288.69 13.37 299.78 8.34 C 304.03 6.42 308.96 4.19 310.75 3.38 C 312.26 2.69 313.54 1.97 313.90 1.61 C 315.80 1.79 316.41 2.00 316.19 2.28 C 315.60 2.98 313.41 4.16 311.31 4.91 C 309.22 5.66 304.22 7.78 300.20 9.62 C 294.12 12.42 292.66 13.56 291.43 16.52 C 290.27 19.28 290.17 20.93 290.98 23.93 C 292.21 28.49 293.84 29.67 304.71 33.84 C 309.22 35.57 314.62 37.73 316.71 38.64 C 320.19 40.14 321.70 40.76 327.50 43.06 C 373.40 61.25 379.13 63.68 384.96 63.96 C 386.29 64.03 387.62 63.98 389.43 63.99 C 399.85 64.00 405.20 62.35 414.89 56.09 C 420.14 52.71 428.14 43.26 430.21 38.00 C 434.93 26.01 435.02 14.08 430.48 2.74 C 430.25 2.15 430.37 1.76 432.36 1.51 Z" strokeLinecap="round" />
        <path style={{stroke: "rgb(193,193,193)", strokeOpacity: 1, strokeWidth: 0, strokeDasharray: "none", strokeLinecap: "butt", strokeDashoffset: 0, strokeLinejoin: "miter", strokeMiterlimit: 4, fill: "rgb(238,147,72)", fillOpacity: 1, fillRule: "nonzero", opacity: 1}} transform="matrix(0.850334 0 0 0.85107 217.849592 105.502092) matrix(1 0 0 1 -0.172969 -16.17406) translate(-257.52, -108.74)" d="M 481.36 1.29 L 480.10 14.23 C 478.69 28.59 477.17 37.55 473.94 50.32 C 455.96 121.49 401.33 180.88 331.80 204.86 C 321.41 208.44 316.69 209.75 302.50 213.01 C 289.94 215.89 282.05 216.50 257.50 216.50 C 232.95 216.50 225.06 215.89 212.50 213.01 C 198.56 209.81 194.08 208.58 184.91 205.42 C 165.80 198.85 150.82 191.36 133.00 179.49 C 76.53 141.87 41.65 82.94 34.90 13.73 L 33.68 1.29 L 41.87 1.24 L 82.24 0.98 L 81.68 3.24 C 78.01 18.07 77.85 19.44 79.07 27.00 C 81.36 41.20 89.52 53.72 100.62 60.07 C 111.92 66.53 123.44 68.39 135.00 65.60 C 139.33 64.56 162.09 55.24 192.50 42.07 C 193.60 41.59 196.52 40.32 199.00 39.25 C 201.48 38.17 206.82 35.99 210.88 34.40 C 214.93 32.80 219.77 30.10 221.63 28.38 C 224.68 25.56 225.00 24.73 225.00 19.72 C 225.00 14.81 224.66 13.89 222.05 11.70 C 220.43 10.33 215.26 7.71 210.56 5.86 C 205.85 4.01 202.01 2.16 202.00 1.75 C 202.00 1.34 227.20 1.00 258.00 1.00 C 288.80 1.00 314.00 1.20 314.00 1.45 C 314.00 1.70 312.54 2.57 310.75 3.38 C 308.96 4.19 304.03 6.42 299.78 8.34 C 288.69 13.37 285.48 19.36 289.96 26.70 C 292.20 30.38 294.69 31.81 307.35 36.67 C 312.38 38.60 317.85 40.77 319.50 41.50 C 321.15 42.22 335.10 47.84 350.50 53.98 L 378.50 65.15 L 390.50 64.82 C 401.60 64.52 403.01 64.26 409.30 61.28 C 418.35 56.99 426.99 48.35 431.28 39.30 C 434.36 32.79 434.50 31.99 434.46 20.50 C 434.43 13.90 433.92 6.81 433.31 4.74 L 432.21 0.98 L 472.85 1.24 L 481.36 1.29 Z M 178.91 157.43 C 192.60 152.67 202.19 142.76 208.19 127.18 C 209.81 122.95 211.74 118.15 212.47 116.50 C 219.44 100.75 238.02 52.88 238.01 50.70 C 237.99 45.95 235.22 41.98 230.44 39.87 L 226.02 37.91 L 216.26 41.90 C 202.50 47.53 177.88 57.85 175.50 59.00 C 174.40 59.52 166.16 63.10 157.18 66.94 C 148.20 70.79 138.66 75.55 135.97 77.52 C 126.92 84.16 121.00 93.95 118.39 106.57 C 116.98 113.39 116.98 114.82 118.39 121.74 C 120.49 132.05 124.12 139.05 131.03 146.11 C 137.32 152.54 146.47 157.53 154.72 159.02 C 161.03 160.16 173.39 159.35 178.91 157.43 Z M 366.01 156.56 C 374.46 153.70 379.59 150.36 385.34 143.97 C 404.95 122.15 398.88 86.81 373.17 73.19 C 370.05 71.53 355.80 65.60 341.50 60.00 C 327.20 54.40 314.15 49.22 312.50 48.49 C 293.38 40.02 284.70 38.20 280.44 41.77 C 277.61 44.14 275.00 48.52 275.00 50.90 C 275.00 52.49 285.20 77.67 291.45 91.50 C 292.20 93.15 294.02 97.43 295.51 101.00 C 296.99 104.57 299.00 109.30 299.96 111.50 C 312.69 140.47 315.42 144.76 325.28 151.31 C 337.22 159.23 352.35 161.19 366.01 156.56 Z M 275.41 194.59 C 291.28 187.56 301.87 173.13 303.65 156.12 C 304.69 146.09 302.47 139.34 285.02 99.50 C 284.05 97.30 279.74 87.18 275.43 77.00 C 266.23 55.27 263.78 52.00 256.68 52.00 C 249.20 52.00 247.28 54.44 239.56 73.72 C 235.86 82.95 232.18 91.95 231.38 93.73 C 230.58 95.50 228.79 100.00 227.39 103.73 C 225.15 109.72 222.83 115.38 218.45 125.50 C 217.73 127.15 215.99 131.95 214.57 136.18 C 206.83 159.26 216.09 183.00 236.81 193.22 C 245.11 197.31 248.63 197.97 260.00 197.55 C 267.57 197.28 270.70 196.67 275.41 194.59 Z" strokeLinecap="round" />
        <path style={{stroke: "rgb(193,193,193)", strokeOpacity: 1, strokeWidth: 0, strokeDasharray: "none", strokeLinecap: "butt", strokeDashoffset: 0, strokeLinejoin: "miter", strokeMiterlimit: 4, fill: "rgb(243,236,99)", fillOpacity: 1, fillRule: "nonzero", opacity: 1}} transform="matrix(0.850334 0 0 0.85107 217.849592 105.502092) matrix(1 0 0 1 0 0) translate(-257.692969, -124.91406)" d="M 220.00 247.91 C 217.52 247.42 212.57 246.52 209.00 245.90 C 182.73 241.35 148.47 228.07 123.00 212.56 C 79.90 186.31 42.96 144.41 23.11 99.23 C 10.73 71.08 1.83 34.76 1.60 11.50 L 1.50 1.50 L 17.58 1.23 L 33.65 0.95 L 34.90 13.73 C 41.65 82.94 76.53 141.87 133.00 179.49 C 150.82 191.36 165.80 198.85 184.91 205.42 C 194.08 208.58 198.56 209.81 212.50 213.01 C 225.06 215.89 232.95 216.50 257.50 216.50 C 282.05 216.50 289.94 215.89 302.50 213.01 C 316.69 209.75 321.41 208.44 331.80 204.86 C 401.33 180.88 455.96 121.49 473.94 50.32 C 477.17 37.55 478.69 28.59 480.10 14.23 L 481.39 0.95 L 497.44 1.23 L 513.50 1.50 L 513.83 5.50 C 514.22 10.29 512.53 25.55 510.03 40.00 C 498.69 105.26 460.18 165.47 405.00 204.20 C 376.18 224.43 338.24 240.36 305.50 245.98 C 301.65 246.64 296.61 247.59 294.31 248.09 C 289.00 249.24 226.03 249.09 220.00 247.91 Z" strokeLinecap="round" />
      </g>
    </svg>
  );
}

export default function CitrusLogoRound({ size = 300, className = "" }) {
  const cx = size / 2;
  const cy = size / 2;

  const outerR = size * 0.500;
  const fleshR = size * 0.430;

  const r1 = size * 0.019;
  const d1 = size * 0.080;

  const r2 = size * 0.095;
  const gap = size * 0.040;
  const d2 = fleshR - r2 - gap;

  const getTangentPoints = (c1, r1, c2, r2, radialAngle) => {
    const dx = c2.x - c1.x;
    const dy = c2.y - c1.y;
    const dist = Math.sqrt(dx * dx + dy * dy);
    const centerAngle = Math.atan2(dy, dx);
    const diffR = r2 - r1;
    const offsetAngle = Math.asin(diffR / dist);
    const rightAngle = centerAngle + offsetAngle;
    const rightPerp = rightAngle + Math.PI / 2;
    const leftPerp = 2 * radialAngle - rightPerp;
    
    return {
      small1: { x: c1.x + r1 * Math.cos(leftPerp), y: c1.y + r1 * Math.sin(leftPerp) },
      small2: { x: c1.x + r1 * Math.cos(rightPerp), y: c1.y + r1 * Math.sin(rightPerp) },
      large1: { x: c2.x + r2 * Math.cos(leftPerp), y: c2.y + r2 * Math.sin(leftPerp) },
      large2: { x: c2.x + r2 * Math.cos(rightPerp), y: c2.y + r2 * Math.sin(rightPerp) }
    };
  };

  return (
    <svg
      width={size}
      height={size}
      viewBox={`0 0 ${size} ${size}`}
      className={className}
      xmlns="http://www.w3.org/2000/svg"
    >
      <circle cx={cx} cy={cy} r={outerR} fill="#F3EC63" />
      <circle cx={cx} cy={cy} r={fleshR} fill="#EE9348" />

      {[...Array(8)].map((_, i) => {
        const angle = (i * 45 * Math.PI) / 180;
        const cos = Math.cos(angle - Math.PI / 2);
        const sin = Math.sin(angle - Math.PI / 2);
        
        const smallCenter = { x: cx + cos * d1, y: cy + sin * d1 };
        const largeCenter = { x: cx + cos * d2, y: cy + sin * d2 };
        
        const tangents = getTangentPoints(smallCenter, r1, largeCenter, r2, angle - Math.PI / 2);
        const largeArcFlag = 1;
        
        const pathData = `
          M ${tangents.small1.x} ${tangents.small1.y}
          L ${tangents.large1.x} ${tangents.large1.y}
          A ${r2} ${r2} 0 ${largeArcFlag} 1 ${tangents.large2.x} ${tangents.large2.y}
          L ${tangents.small2.x} ${tangents.small2.y}
          A ${r1} ${r1} 0 ${largeArcFlag} 0 ${tangents.small1.x} ${tangents.small1.y}
        `;
        
        return (
          <g key={i}>
            <circle cx={smallCenter.x} cy={smallCenter.y} r={r1} fill="#BC4776" fillOpacity="0.9" />
            <path d={pathData} fill="#BC4776" fillOpacity="0.9" />
          </g>
        );
      })}

      <circle cx={cx} cy={cy} r={size * 0.040} fill="#EE9348" />
    </svg>
  );
}