Function CDN

website/app/components/preview/CDN.tsx:293–331

({ metadata, variable, hits }: CDNProps)

};

export const CDN = ({ metadata, variable, hits }: CDNProps) => {
	return (
		<Grid className={globalClasses.container}>
			<Grid.Col span={{ base: 12, md: 8 }}>
				<Group justify="space-between" mb={28}>
					<Title>CDN</Title>
					<UnstyledButton
						component={Link}
						className={classes.button}
						to="/docs/getting-started/cdn"
						prefetch="intent"
					>
						<Group gap="xs">
							Documentation
							<IconExternal stroke="white" />
						</Group>
					</UnstyledButton>
				</Group>
				<Tabs defaultValue={variable ? 'variable' : 'static'}>
					<Tabs.List>
						{variable && <Tabs.Tab value="variable">Variable</Tabs.Tab>}
						<Tabs.Tab value="static">Static</Tabs.Tab>
					</Tabs.List>

					<Tabs.Panel value="variable">
						<Variable metadata={metadata} variable={variable} />
					</Tabs.Panel>
					<Tabs.Panel value="static">
						<Static metadata={metadata} />
					</Tabs.Panel>
				</Tabs>
			</Grid.Col>
			<Grid.Col span={{ base: 12, md: 4 }}>
				<InfoWrapper metadata={metadata} hits={hits} isCDN />
				<CarbonAd w={332} />
			</Grid.Col>
		</Grid>
	);
};