From a389743e441cddea1d4a702217cf8983e1fdb840 Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:17:12 +0330
Subject: [PATCH] Import source: src/components/RightPanel/DownloadSizeSection

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 .../RightPanel/DownloadSizeSection.tsx        | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/components/RightPanel/DownloadSizeSection.tsx

diff --git a/src/components/RightPanel/DownloadSizeSection.tsx b/src/components/RightPanel/DownloadSizeSection.tsx
new file mode 100644
index 0000000..fa435ff
--- /dev/null
+++ b/src/components/RightPanel/DownloadSizeSection.tsx
@@ -0,0 +1,20 @@
+import { useQR } from '../../context/QRContext';
+import { SegmentedControl } from '../ui/SegmentedControl';
+import type { DownloadSize } from '../../types';
+
+const SIZE_OPTIONS: { label: string; value: DownloadSize }[] = [
+  { label: 'Social', value: 'social' },
+  { label: 'Card',   value: 'card' },
+  { label: 'Print',  value: 'print' },
+];
+
+export function DownloadSizeSection() {
+  const { state, dispatch } = useQR();
+  return (
+    <div className="flex flex-col gap-3">
+      <h3 className="text-[14px] font-semibold" style={{ color: 'var(--text-secondary)' }}>Download Size</h3>
+      <SegmentedControl options={SIZE_OPTIONS} value={state.downloadSize}
+        onChange={v => dispatch({ type: 'SET_DOWNLOAD_SIZE', payload: v })} />
+    </div>
+  );
+}