Function Install

website/app/components/preview/Install.tsx:52–111

({
	metadata,
	variable,
	downloadCount,
}: InstallProps)

};

export const Install = ({
	metadata,
	variable,
	downloadCount,
}: InstallProps) => {
	// TODO: Readd attribution to metadata
	/**
	// Replace any urls as well as () and <> with empty string
	const replaceAttribution = metadata.license.attribution
		.replace(/https?:\/\/[\S\n]+/g, '')
		.replace(/([()<>])/g, '')
		// Also replace emails
		.replace(/[\w.]+@[\w.]+/g, '');

		<Text>&copy; {replaceAttribution}</Text>

		<Group spacing="xs">
							<IconVersion />
							<Text>Version: {metadata.version}</Text>
						</Group>
 */

	return (
		<Grid className={globalClasses.container}>
			<Grid.Col span={{ base: 12, md: 8 }}>
				<Group justify="space-between" mb={28}>
					<Title>Getting Started</Title>
					<UnstyledButton
						component={Link}
						className={classes.button}
						to="/docs/getting-started/install"
						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={downloadCount} />
				<CarbonAd w={332} />
			</Grid.Col>
		</Grid>