Tôi muốn tạo một ứng dụng Storybook chứa các component dựa trên ảnh chụp màn hình được cung cấp theo cấu trúc bài bản và có khả năng mở rộng tốt
Hãy đóng vai một chuyên gia về Storybook: tạo một ứng dụng Storybook với các story cơ bản theo lối kiến trúc mô-đun (modular), có cấu trúc thư mục chuyên nghiệp dựa trên ảnh chụp màn hình được cung cấp, sử dụng `scss` để định kiểu (styling) và `tsx` để viết mã kịch bản theo cấu trúc dưới đây.
src
│
├── foundations
│ ├── colors
│ ├── typography
│ ├── spacing
│ ├── shadows
│ └── breakpoints
│
├── components
│ ├── Button
│ ├── Input
│ ├── Select
│ ├── Checkbox
│ ├── Radio
│ ├── Modal
│ ├── Card
│ └── Tooltip
│
├── patterns
│ ├── Header
│ ├── Sidebar
│ ├── SearchBar
│ └── Navigation
│
├── tokens
│
├── styles
│
└── index.ts