diff --git a/src/components/AuthUser/ChoseRole/ChoseRole.md b/src/components/AuthUser/ChoseRole/ChoseRole.md
new file mode 100644
index 0000000000000000000000000000000000000000..f62b0c2e7d51d362ed2975ebf07eb9d310f09a93
--- /dev/null
+++ b/src/components/AuthUser/ChoseRole/ChoseRole.md
@@ -0,0 +1,7 @@
+Chose role.
+
+```
+const role = ["operator", "driver",];
+
+<ChoseRole role={role} />
+```
\ No newline at end of file
diff --git a/src/components/AuthUser/ChoseRole/ChoseRole.tsx b/src/components/AuthUser/ChoseRole/ChoseRole.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6d0084c71eadedce80f58a29c1f64ef88a8ef273
--- /dev/null
+++ b/src/components/AuthUser/ChoseRole/ChoseRole.tsx
@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import Button from '@material-ui/core/Button';
+
+export const ChoseRole: FC = (props) => {
+  const { role } = props;
+  return (
+    <div data-testid="ChoseRole">
+      {role.map((el) => (
+        <Button variant="outlined" color="default">
+          {el}
+        </Button>
+      ))}
+    </div>
+  );
+};