diff --git a/docs/pages/blog/developer-survey-impacts.js b/docs/pages/blog/developer-survey-impacts.js
new file mode 100644
index 00000000000000..8bafe9710fcf0c
--- /dev/null
+++ b/docs/pages/blog/developer-survey-impacts.js
@@ -0,0 +1,7 @@
+import * as React from 'react';
+import TopLayoutSurvey from 'docs/src/modules/components/TopLayoutSurvey';
+import { docs } from './developer-survey-impacts.md?muiMarkdown';
+
+export default function Page() {
+ return ;
+}
diff --git a/docs/pages/blog/developer-survey-impacts.md b/docs/pages/blog/developer-survey-impacts.md
new file mode 100644
index 00000000000000..d05e588ff31665
--- /dev/null
+++ b/docs/pages/blog/developer-survey-impacts.md
@@ -0,0 +1,356 @@
+---
+title: 'The MUI developer survey and some of its impacts.'
+description: Your feedback helped us to build better products. Here's what we learned about your needs in the past developer surveys.
+date: 2024-12-03T00:00:00.000Z
+authors: ['josefreitas', 'oliviertassinari']
+tags: ['Developer Survey']
+manualCard: false
+---
+
+Your participation in the previous developer survey has been vital to our growth, and we are grateful for the time you took to share your invaluable thoughts.
+The feedback you provided catalyzed many meaningful actions and improvements in key areas.
+And today, we are poised to present last year's survey report and show the tangible improvements your previous feedback has already spurred.
+We look forward to your continued engagement as we strive to create an even better experience for our entire community.
+And please accept our sincere apologies for the late delivery, especially if you're one of the 1934 respondents.
+
+Here's what we've learned.
+
+## Table of contents
+
+- [About the community](#about-the-community)
+ - [Which of the following best describes your current job role?](#which-of-the-following-best-describes-your-current-job-role)
+ - [How did you first hear about MUI?](#how-did-you-first-hear-about-mui)
+ - [What are you building?](#what-are-you-building)
+ - [Who are you building the app for?](#who-are-you-building-the-app-for)
+- [About Your Needs](#about-your-needs)
+ - [How disappointed would you be if you could no longer use MUI libraries?](#how-disappointed-would-you-be-if-you-could-no-longer-use-mui-libraries)
+ - [How likely is it that you would recommend MUI to a friend or colleague?](#how-likely-is-it-that-you-would-recommend-mui-to-a-friend-or-colleague)
+ - [What are your most important criteria for choosing a UI library?](#what-are-your-most-important-criteria-for-choosing-a-ui-library)
+ - [How satisfied are you with MUI products?](#how-satisfied-are-you-with-mui-products)
+ - [What is the main benefit you receive from using mui libraries?](#what-is-the-main-benefit-you-receive-from-using-mui-libraries)
+ - [How can we improve MUI for you?](#how-can-we-improve-mui-for-you)
+ - [Please rate the following statements (our differentiators)](#please-rate-the-following-statements-our-differentiators)
+ - [Please rate the following statements (our initiatives)](#please-rate-the-following-statements-our-initiatives)
+- [Community workspaces](#community-workspaces)
+ - [Where is your company based? (Country or Region)](#where-is-your-company-based-country-or-region)
+ - [How many front-end or full-stack developers are on your team?](#how-many-front-end-or-full-stack-developers-are-on-your-team)
+ - [How many front-end or full-stack developers are in your company?](#how-many-front-end-or-full-stack-developers-are-in-your-company)
+- [Community technical environment](#community-technical-environment)
+ - [How experienced do you consider yourself in the following technologies?](#how-experienced-do-you-consider-yourself-in-the-following-technologies)
+ - [What styling solutions are you using?](#what-styling-solutions-are-you-using)
+- [Experience with MUI X](#experience-with-mui-x)
+ - [Are you using MUI X components (Data Grid or Date Pickers)?](#are-you-using-mui-x-components-data-grid-or-date-pickers)
+ - [What benefits do you get from the Data Grid?](#what-benefits-do-you-get-from-the-data-grid)
+ - [How can we improve MUI X for you?](#how-can-we-improve-mui-x-for-you)
+ - [What challenges do you face today that if solved could make you consider purchasing a commercial license](#what-challenges-do-you-face-today-that-if-solved-could-make-you-consider-purchasing-a-commercial-license)
+ - [Is a perpetual license in development important for you?](#is-a-perpetual-license-in-development-important-for-you)
+- [Perception of low code tools](#perception-of-low-code-tools)
+ - [How familiar are you with low-code development tools?](#how-familiar-are-you-with-low-code-development-tools)
+ - [What are your 3 most important features in a low-code tool to build admin apps?](#what-are-your-3-most-important-features-in-a-low-code-tool-to-build-admin-apps)
+ - [How many internal apps (interfaces for business operation) do you currently have in your organization?](#how-many-internal-apps-interfaces-for-business-operation-do-you-currently-have-in-your-organization)
+ - [How do your existing internal tools integrate the front end with the back end?](#how-do-your-existing-internal-tools-integrate-the-front-end-with-the-back-end)
+ - [Which low-code products did you use?](#which-low-code-products-did-you-use)
+
+## About the community
+
+### Which of the following best describes your current job role?
+
+As in the previous survey, most of the community members identified themselves as full-stack developers and represent today 41% of the total; that number was 52% that year, so we might be seeing a trend of specialization on front-end development, which increased 5%.
+Overall, the community is more diverse, and virtually every other category had their representation increased this year.
+
+{{"chart": "2024/CommunityJobs"}}
+
+
1907 respondents.
+
+### How did you first hear about MUI?
+
+The majority of community members heard about MUI through their workplaces, indicating MUI's widespread use in various companies. Interestingly but not surpring, a substantial number of people are learning about MUI through online videos.
+We plan on starting doing some videos as well, but we'd like to leave a big shout-out to all MUI-content creators out there:
+
+Thank you, and let us know what you're making!
+
+{{"chart": "2024/FirstHearAboutMUI"}}
+
+
1895 respondents.
+
+### What are you building?
+
+Almost half of the community, around 45%, are engaged in building enterprise products on a variety of usages; 41% are involved in user-facing dashboards, and 35% are using MUI products to quickly build internal tools.
+
+{{"chart": "2024/WhatCommunityIsBuilding"}}
+
+
1899 respondents.
+
+### Who are you building the app for?
+
+Very similar to the previous survey, a significant proportion of the community (65%) is developing products for the companies they work at, but we've seen a significant rise in work for clients, from 12% previously to over 45% in 2022.
+
+{{"chart": "2024/WhoCommunityBuildsFor"}}
+
+
1896 respondents.
+
+## About Your Needs
+
+### How disappointed would you be if you could no longer use MUI libraries?
+
+If MUI ceased to exist, 64% of the community would be very disappointed. A very slight increase compared to the previous survey.
+This rise is within the survey's margin of error, though. Our goal is to continuously focus on user feedback and innovating our offerings to get a more significant increase in the future.
+
+{{"chart": "2024/HowDisappointingWithoutMUI"}}
+
+
1163 respondents.
+
+### How likely is it that you would recommend MUI to a friend or colleague?
+
+Just over half of the community, 51%, would recommend MUI to others.
+We deeply appreciate this show of support and trust!
+
+Nonetheless, we acknowledge that there is room for improvement.
+Our NPS decreased 6 points, and roughly 5% of the community stopped being a promoter to be a passive user.
+
+{{"chart": "2024/HowLikelyToRecommend"}}
+
+
1163 respondents.
+
+### What are your most important criteria for choosing a UI library?
+
+When it comes to community priorities for choosing a library, “design and look and feel” still ranks first when looking the percentages for the first priority. But overall, documentation quality reached for the first time the highest score. The score is based on the weight of the option overall in all the answers.
+Documentation along with design and customizability, are paramount to both the community and MUI.
+
+{{"chart": "2024/MostImportantCriteriaToPickLibrary"}}
+
+
1151 respondents.
+
+### How satisfied are you with MUI products?
+
+We're happy to see how satisfied you're with Material UI.
+Almost 90% of the respondents would use it again, and most of the community seem to be increasingly interested over all the other MUI products.
+
+On a side note, 65%, a significant portion of the community, has not yet heard about Toolpad, and 40% have not discovered Joy.
+It is crucial for us to increase the visibility of these tools and encourage more community members to try them out.
+We also see a big opportunity to reach those that are already interested in trying other MUI products.
+
+{{"chart": "2024/HowSatisfied"}}
+
+
1161 respondents.
+
+### What is the main benefit you receive from using MUI libraries?
+
+With a significant 41% of respondents highlighting 'Fast development' as a benefit, it is clear that developers and businesses are seeking solutions that streamline processes and reduce the time to market.
+
+14% of participants emphasized the importance of a 'Large portfolio of quality components'. But 'Design / Look and Feel' is the second most flagged benefit, with 30% of participants mentioning MUI out-of-the-box UI/UX.
+
+Surprisingly, only 3% explicitly mentioned Material design as a requirement for their projects.
+
+The following chart is the top 20 most flagged benefits.
+
+{{"chart": "2024/BenefitsMUI"}}
+
+
826 respondents
+
+### How can we improve MUI for you?
+
+There's a clear desire for More components, and Charts is the top1 mention in this regard.
+But the community is also mostly interested in more examples, more customization and a better way to apply custom themes and styles.
+
+We hear you, and we've already started many efforts to cover this gap, like the new documentation to guide you on customizing your [themes](https://mui.com/material-ui/customization/theming/).
+
+Here are the Top 25 Categorized community requests.
+
+{{"chart": "2024/HowCanWeImproveMUI"}}
+
+
716 respondents
+
+### Please rate the following statements (our differentiators)
+
+We are pleased to know that 88% of the community finds it easy to create visually appealing UIs using MUI.
+However, we are keen to understand and address the concerns of the 10% who find the components not as easily customizable; we passionately want to fix your pain points, and we're exploring BaseUI and other solutions to bring a concrete answer to your needs.
+
+{{"chart": "2024/MUIDiferentiators"}}
+
+
1107 respondents
+
+### Please rate the following statements (our initiatives)
+
+We were surprised with the number of people that would benefit from kitchen sink examples (47%), so we're working to bring more of them, and we're super glad to see that more than 50% of you are excited to see Joy UI.
+
+Also, over 78% of you think it'd be good to have a discord server, so we've finally launched one. Join our [new community hub](https://mui.com/r/discord/)!
+
+Another point worth noticing is that a good share of the community would also gladly have the opportunity to pay for support on the Core components.
+We're now testing a priority support offering that covers Material UI, Base UI and Joy UI as well as MUI X components. The plan is still on pilot, but we hope to be able to make it public soon.
+
+{{"chart": "2024/MUIInitiatives"}}
+
+
1094 respondents.
+
+## Community workspaces
+
+### Where is your company based? (Country or Region)
+
+Almost a quarter of the respondents are based in the US, but this data doesn't match exactly the user traffic we have in our doc pages.
+This likely means that the channels we use to reach the community might be a bit biased.
+
+{{"chart": "2024/WhereAreCompaniesBased"}}
+
+
1068 respondents
+
+### How many front-end or full-stack developers are on your team?
+
+Teams with more than 5 developers are the most common, followed by teams with a single developer responsible for UIs.
+
+{{"chart": "2024/HowManyFETeam"}}
+
+
1077 respondents.
+
+### How many front-end or full-stack developers are in your company?
+
+Almost half, 48%, of the respondents, work in small tech departments with up to 5 developers, which might indicate a big presence of web startups and perhaps some businesses not strongly oriented to web development.
+
+{{"chart": "2024/HowManyFECompany"}}
+
+
1069 respondents.
+
+### How many total employees work at your company?
+
+{{"chart": "2024/HowManyEmployeesTotal"}}
+
+
1068 respondent
+
+## Community technical environment
+
+### How experienced do you consider yourself in the following technologies?
+
+Most developers are comfortable with Javascript and React. However, we see a drop in the level of comfort when it comes to CSS and MUI libraries, suggesting the need for more resources or support in these areas.
+
+{{"chart": "2024/HowComfortableWithTechnologies"}}
+
+
1077 respondents.
+
+### What styling solutions are you using?
+
+It is encouraging to see that 79% have adopted the MUI System to build styles, indicating a positive shift away from the legacy style system.
+A significant share of the community, 20%, also uses Tailwind.
+We hear you, and we want to provide the best platform to connect with your favorite libraries.
+
+{{"chart": "2024/WhatStylingSolutions"}}
+
+
1074 respondents.
+
+### What other UI libraries do you use? What would you say are their strongest and weakest points?
+
+{{"chart": "2024/WhatOtherLibrariesDoYouUse"}}
+
+
354 respondents.
+
+## Experience with MUI X
+
+### Are you using MUI X components (Data Grid or Date Pickers)?
+
+Over 65% of the community uses MUI X components, showcasing the popularity and validating the need for these components. We're working to increase our advanced components portfolio to supply other community demands.
+
+{{"chart": "2024/UsingMUIX"}}
+
+
1108 respondents.
+
+### What benefits do you get from the Data Grid?
+
+The survey results highlight that development speed is an important benefit the community get.
+Surprisingly, column management emerged as the top use case among users of the commercial plans.
+The community seem to value a lot the ability to effectively control and manipulate data presentation on the user level.
+
+{{"chart": "2024/BenefitsDataGrid"}}
+
+
323 respondents.
+
+### How can we improve MUI X for you?
+
+There is a high demand for more components, features, and examples.
+Efforts are underway to meet this demand and improve use case coverage.
+
+We've already starting putting some gas on the development of new components, and we've recently launched the pre-release of [Charts](https://mui.com/x/react-charts/) and [Treeview](https://mui.com/x/react-treeview/) (in fact, some of the charts you see on this report were developed using MUI X Charts).
+
+Your Feedback also indicate a specific pain point with server-side integration, which is now being addressed as a priority in our plans for 2023.
+
+{{"chart": "2024/HowCanWeImproveMUIX"}}
+
+
123 respondents.
+
+### What challenges do you face today that, if solved, could make you consider purchasing a commercial license?
+
+{{"chart": "2024/WhatChallengesMakeYouConsiderCommercialLicense"}}
+
+
124 respondents.
+
+### Is a perpetual license in development important for you?
+
+All our licenses, MIT and Commercial, are already perpetual in production.
+But we understand the importance of providing a perpetual alternative in development mode, as indicated by 77% of the community. Considering your feedback, We're bringing more alternative to the current model, so you can use MUI X libraries on the model that best suits your requirements. You can already access a perpetual in development license in our [pricing page](https://www.mui.com/pricing/).
+
+{{"chart": "2024/PerpetualLicenseImportance"}}
+
+
436 respondents.
+
+## Perception of low code tools
+
+### How familiar are you with low-code development tools?
+
+Our survey revealed that over 60% of respondents have not been exposed to low-code tools yet, and among those who have used these tools, a slight majority indicated they would not use them again. This feedback presents a significant opportunity to identify and address the challenges professional developers face with low-code tools.
+
+{{"chart": "2024/LowCodeToolsFamiliarity"}}
+
+
955 respondents.
+
+### What are your 3 most important features in a low-code tool to build admin apps?
+
+The ability to import and export code freely and easily emerged as a key expectation for low code for our community members, along with great documentation and look and feel of the output. We are attempting to address them through [MUI Toolpad](https://mui.com/toolpad/).
+
+{{"chart": "2024/MostImportantLowCodeTools"}}
+
+
467 respondents.
+
+### How many internal apps (interfaces for business operation) do you currently have in your organization?
+
+About 60% of respondents have between 1-5 internal applications within their companies, and surprisingly, over 10% reported having more than 21 internal applications, indicating that a sizeable portion of our community is engaged in large-scale, complex environments with a likely high degree of demand for diverse use cases in these applications.
+
+{{"chart": "2024/HowManyInternalApps"}}
+
+
775 respondents.
+
+### How many people have access to the above apps?
+
+{{"chart": "2024/HowManyInternalAppUsers"}}
+
+
724 respondents.
+
+### How do your existing internal tools integrate the front end with the back end?
+
+The vast majority, 88%, utilize REST APIs as the backend for their internal applications, reflecting the popularity of this approach.
+
+{{"chart": "2024/ServerAPIs"}}
+
+
790 respondents.
+
+### Which low-code products did you use?
+
+The community uses a wide variety of low-code products for use cases like internal tools, websites and automation. This indicates a high level of adaptability and comfort with different development tools and systems.
+
+Note: It was a broad question and in the chart below, we only showed products whose occurence was 3 or more. Apart from these, 90 more such tools were mentioned!
+
+{{"chart": "2024/LowCodeToolsNames"}}
+
+
160 respondents.
+
+## Conclusion
+
+The annual survey is one of the most important resources we have for deciding on our next steps.
+We appreciate all the time you invested in answering our questions, and we can't stress enough how much we value your input.
+
+[expand]
+
+Thanks again and until the next survey!
+
+### Read more
+
+- [2021 edition](/blog/2021-developer-survey-results/)
+- [2020 edition](/blog/2020-developer-survey-results/)
+- [2019 edition](/blog/2019-developer-survey-results/)
diff --git a/docs/pages/blog/survey-charts/2024/01.jsx b/docs/pages/blog/survey-charts/2024/01.jsx
new file mode 100644
index 00000000000000..00560ffbda181c
--- /dev/null
+++ b/docs/pages/blog/survey-charts/2024/01.jsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { BarChart } from '@mui/x-charts/BarChart';
+
+export default function Demo2024_01() {
+ return (
+
+ );
+}
diff --git a/docs/pages/blog/survey-charts/2024/BaseHorizontalBar.tsx b/docs/pages/blog/survey-charts/2024/BaseHorizontalBar.tsx
new file mode 100644
index 00000000000000..a3e7695ba98067
--- /dev/null
+++ b/docs/pages/blog/survey-charts/2024/BaseHorizontalBar.tsx
@@ -0,0 +1,32 @@
+import * as React from "react";
+import { BarChart } from "@mui/x-charts/BarChart";
+
+function generateTickValues(maxValue) {
+ let maxValueRoundedUp = Math.ceil(maxValue / 10) * 10;
+ let tickValues = [];
+
+ for (let i = 0; i <= maxValueRoundedUp; i += 1) {
+ tickValues.push(i);
+ }
+
+ return tickValues;
+}
+
+function XBar(props) {
+ const data = props.data;
+ const dataX = data.map((d) => d.label);
+ const dataY = data.map((d) => d.value);
+ return (
+
+ );
+}
+
+export default function BaseHorizontalBar(props) {
+ const { data } = props;
+ return ;
+}
diff --git a/docs/pages/blog/survey-charts/2024/BasePercentageHorizontalBar.tsx b/docs/pages/blog/survey-charts/2024/BasePercentageHorizontalBar.tsx
new file mode 100644
index 00000000000000..34790242539dd8
--- /dev/null
+++ b/docs/pages/blog/survey-charts/2024/BasePercentageHorizontalBar.tsx
@@ -0,0 +1,50 @@
+import * as React from "react";
+import { BarChart } from "@mui/x-charts/BarChart";
+
+function roundToNearest(num) {
+ if (num < 7) return 5;
+
+ return 10;
+}
+
+function generateTickValues(maxValue, tickSize = 10) {
+ let tickValues = [];
+ const roundedTickSize = roundToNearest(tickSize);
+ let maxValueRoundedUp =
+ Math.ceil(maxValue / roundedTickSize) * roundedTickSize;
+
+ for (let i = 0; i < maxValue; i += roundedTickSize) {
+ tickValues.push(i);
+ }
+ tickValues.push(maxValueRoundedUp);
+
+ return tickValues;
+}
+
+function XBar(props) {
+ const data = props.data;
+ const dataX = data.map((d) => d.label);
+ const dataY = data.map((d) => d.value);
+
+ return (
+
+ );
+}
+
+
+export default function BasePercentageHorizontalBar(props) {
+ const { data, total } = props;
+
+ const dataWithPercentage = data.map((d) => ({
+ ...d,
+ value: ((d.value / total) * 100).toFixed(2),
+ originalValue: d.value
+ }));
+
+ return ;
+}
diff --git a/docs/pages/blog/survey-charts/2024/BasePie.tsx b/docs/pages/blog/survey-charts/2024/BasePie.tsx
new file mode 100644
index 00000000000000..e02cb32f82b4cf
--- /dev/null
+++ b/docs/pages/blog/survey-charts/2024/BasePie.tsx
@@ -0,0 +1,60 @@
+import * as React from "react";
+import { PieChart, pieArcLabelClasses } from "@mui/x-charts/PieChart";
+import { DefaultizedPieValueType } from "@mui/x-charts/models";
+
+
+export default function BasePie(props) {
+ const data = props.data;
+
+ const legend = props.legend
+ ? props.legend
+ : {
+ direction: "column",
+ position: {
+ vertical: "bottom",
+ horizontal: "right"
+ }
+ };
+
+
+ const TOTAL = data.map((item) => item.value).reduce((a, b) => a + b, 0);
+
+ const getArcLabel = (params: DefaultizedPieValueType) => {
+ const percent = params.value / TOTAL;
+ return percent > 0.04 ? `${(percent * 100).toFixed(2)}%` : "";
+ };
+ const startAngle = props.angle ? props.angle : 0;
+ const endAngle = props.angle ? 360 + props.angle : 360;
+ const margin = props.margin || { right: 260, bottom: 10, top: -80 };
+ return (
+
+ );
+}
diff --git a/docs/pages/blog/survey-charts/2024/BaseStackedHorizontalBar.tsx b/docs/pages/blog/survey-charts/2024/BaseStackedHorizontalBar.tsx
new file mode 100644
index 00000000000000..96ae4b9aa04c8c
--- /dev/null
+++ b/docs/pages/blog/survey-charts/2024/BaseStackedHorizontalBar.tsx
@@ -0,0 +1,28 @@
+import * as React from "react";
+import { BarChart } from "@mui/x-charts/BarChart";
+
+function generateTickValues(maxValue) {
+ let maxValueRoundedUp = Math.ceil(maxValue / 10) * 10;
+ let tickValues = [];
+
+ for (let i = 0; i <= maxValueRoundedUp; i += 10) {
+ tickValues.push(i);
+ }
+
+ return tickValues;
+}
+
+export default function BaseStackedHorizontalBar(props) {
+ const { data } = props;
+ const dataX = data.map((d) => d.label);
+ const dataY = data.map((d) => d.value);
+
+ return (
+
+ );
+}
diff --git a/docs/pages/blog/survey-charts/2024/BenefitsDataGrid.tsx b/docs/pages/blog/survey-charts/2024/BenefitsDataGrid.tsx
new file mode 100644
index 00000000000000..91963bf9a216b0
--- /dev/null
+++ b/docs/pages/blog/survey-charts/2024/BenefitsDataGrid.tsx
@@ -0,0 +1,67 @@
+import * as React from "react";
+import BasePercentageHorizontalBar from "./BasePercentageHorizontalBar";
+const mitData = [
+ { id: 0, label: "Development speed", value: 65.02 },
+ { id: 1, label: "Basic features (filtering and sorting)", value: 63.47 },
+ { id: 2, label: "Pagination", value: 59.75 },
+ { id: 3, label: "Design considentency with MUI components", value: 50.77 },
+ { id: 7, label: "Quick display for large datasets", value: 48.92 },
+ { id: 6, label: "Performance", value: 40.25 },
+ { id: 7, label: "Docs with easy-to-copy examples", value: 39.63 },
+ { id: 8, label: "Adaptable to your design", value: 32.2 },
+ { id: 9, label: "Accessibility", value: 27.55 },
+ { id: 10, label: "inline editing", value: 25.08 },
+ { id: 12, label: "Others", value: 11.46 }
+];
+
+const commercialData = [
+ { id: 0, label: "Development speed", value: 70.71 },
+ {
+ id: 1,
+ label: "Column management (visibility, reordering, pinning)",
+ value: 66.53
+ },
+ { id: 2, label: "Basic features (filtering and sorting)", value: 64.02 },
+ { id: 3, label: "Design considentency with MUI components", value: 63.6 },
+ { id: 4, label: "Pagination", value: 59.83 },
+ { id: 5, label: "Advanced filtering", value: 59.41 },
+ { id: 6, label: "Quick display for large datasets", value: 57.74 },
+ { id: 7, label: "Performance", value: 46.44 },
+ { id: 8, label: "Rows with custom actions", value: 46.03 },
+ { id: 9, label: "Virtualization", value: 44.35 },
+ { id: 10, label: "Excel export", value: 37.24 },
+ { id: 11, label: "Docs with easy-to-copy examples", value: 34.31 },
+ { id: 12, label: "inline editing", value: 33.89 },
+ { id: 13, label: "Flexibility when customizing behavior", value: 33.05 },
+ { id: 14, label: "State management", value: 31.38 },
+ {
+ id: 15,
+ label: "Advanced data analysis (Row grouping and Aggregation)",
+ value: 29.71
+ },
+ { id: 16, label: "Adaptable to your design", value: 22.18 },
+ { id: 17, label: "Accessibility", value: 19.67 },
+ { id: 18, label: "Others", value: 4.6 }
+];
+
+export default function BenefitsDataGrid() {
+ return (
+
+