Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | 82x 82x 246x | import RHFSelect from "@common/Select/RHFSelect";
import FadeUpWrapper from "@components/animation/FadeUpWrapper";
import { Box, Grid } from "@mui/material";
import TimeZoneSelector from "@common/TimeZoneSelector/TimeZoneSelector";
function AccessibilityTab() {
const nodeList = [
{
node: (
<RHFSelect
name="currency"
label={"Currency"}
options={[
{
value: "usd",
label: "US Dollar (USD)",
},
]}
/>
),
sm: 12,
md: 12,
},
{
node: (
<RHFSelect
name="language"
label={"Language"}
options={[
{
value: "eng",
label: "English",
},
]}
/>
),
sm: 12,
md: 12,
},
{
node: <TimeZoneSelector fullWidth={true} />,
sm: 12,
md: 12,
},
];
return (
<Box>
<Grid mt={3} container rowSpacing={2} columnSpacing={3}>
{nodeList.map(({ node, md, sm }, index) => (
<Grid
key={index}
item
xs={12}
sm={sm || 6}
md={md || sm || 6}
lg={md || sm || 6}
>
<FadeUpWrapper delay={100 + 50 * (index + 1)}>{node}</FadeUpWrapper>
</Grid>
))}
</Grid>
</Box>
);
}
export default AccessibilityTab;
|