message: fix(skeleton): Move simulation code block within loading condition
diff: @@ -79,28 +79,7 @@ export const Simulation = () => {
  <Card>
  <Card.Body>
  <Box minHeight={180} position="relative">
  - {!loading && (
  - <Box>
  - <Flex alignItems="center" display="inline-flex" marginBottom="s">
  - <SystemIconCircle icon={patternIcon} />
  - <h3
  - style={{
  - ...type.levels.heading.small,
  - margin: `0 0 0 ${space.xxs}`,
  - }}
  - >
  - Patterns
  - </h3>
  - </Flex>
  - <p>
  - Canvas Patterns classify and document reusable solutions built to respond to
  - common user scenarios. Following these guidelines allows us to design experiences
  - that feel consistent and natural for users as they move between applications and
  - ensures that our approach aligns with industry standards.
  - </p>
  - </Box>
  - )}
  -
  + {loading ? (
  <StyledSimulation
  position="absolute"
  top={0}
  @@ -122,6 +101,27 @@ export const Simulation = () => {
  <Skeleton.Text lineCount={3} />
  </Skeleton>
  </StyledSimulation>
  + ) : (
  + <Box>
  + <Flex alignItems="center" display="inline-flex" marginBottom="s">
  + <SystemIconCircle icon={patternIcon} />
  + <h3
  + style={{
  + ...type.levels.heading.small,
  + margin: `0 0 0 ${space.xxs}`,
  + }}
  + >
  + Patterns
  + </h3>
  + </Flex>
  + <p>
  + Canvas Patterns classify and document reusable solutions built to respond to
  + common user scenarios. Following these guidelines allows us to design experiences
  + that feel consistent and natural for users as they move between applications and
  + ensures that our approach aligns with industry standards.
  + </p>
  + </Box>
  + )}
  </Box>
  </Card.Body>
  </Card>
  