Create textarea component

packages/berlin/src/components/textarea/Textarea.styled.tsx

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+
+export const StyledTextarea = styled.textarea`
+  background-color: var(--color-white);
+  border-radius: 0.5rem;
+  border: 1px solid var(--color-black);
+  height: 12rem;
+  padding: 0.75rem 1rem;
+  resize: none;
+  width: 100%;
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+`;

packages/berlin/src/components/textarea/Textarea.tsx

@@ -0,0 +1,22 @@
+// Components
+import { FlexColumn } from '../containers/FlexColum.styled';
+import Label from '../typography/Label';
+
+// Styled Components
+import { StyledTextarea } from './Textarea.styled';
+
+type TextareaProps = {
+  label: string;
+  $required?: boolean;
+};
+
+function Textarea({ label, $required, ...props }: TextareaProps) {
+  return (
+    <FlexColumn>
+      {label && <Label $required={$required}>{label}</Label>}
+      <StyledTextarea {...props} />
+    </FlexColumn>
+  );
+}
+
+export default Textarea;

packages/berlin/src/components/textarea/index.ts

@@ -0,0 +1 @@
+export { default } from './Textarea';