import Box from '@mui/joy/Box';
import Textarea from '@mui/joy/Textarea';

export default function TextareaSizes() {
  return (
    <Box sx={{ display: 'flex', gap: 2, alignItems: 'center', flexWrap: 'wrap' }}>
      <Textarea size="sm" name="Size" placeholder="Small" />
      <Textarea size="md" name="Size" placeholder="Medium" />
      <Textarea size="lg" name="Size" placeholder="Large" />
    </Box>
  );
}