Skeleton

import { Skeleton, SKELETON_HEIGHT_SIZES } from 'twenty-ui/primitives/feedback';
import { Text } from 'twenty-ui/primitives/typography';

export const LoadingProfile = () => (
  <Text render={<div />} style={{ display: 'flex', gap: 16 }}>
    <Skeleton width={40} height={40} borderRadius="50%" />
    <Text render={<div />} style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
      <Skeleton borderRadius={4} width={180} height={SKELETON_HEIGHT_SIZES.s} />
      <Skeleton borderRadius={4} width={120} height={SKELETON_HEIGHT_SIZES.xs} />
    </Text>
  </Text>
);