diff --git a/src/stories/components/ImportantLinks.stories.tsx b/src/stories/components/ImportantLinks.stories.tsx new file mode 100644 index 000000000..9f8a606d9 --- /dev/null +++ b/src/stories/components/ImportantLinks.stories.tsx @@ -0,0 +1,19 @@ +import { Meta, StoryObj } from '@storybook/react'; +import ImportantLinks from 'src/views/components/ImportantLinks'; + +const meta = { + title: 'Components/Common/ImportantLinks', + component: ImportantLinks, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], + argTypes: {}, +} satisfies Meta; +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: {}, +}; diff --git a/src/views/components/ImportantLinks.tsx b/src/views/components/ImportantLinks.tsx new file mode 100644 index 000000000..5e7c52d17 --- /dev/null +++ b/src/views/components/ImportantLinks.tsx @@ -0,0 +1,65 @@ +import React from 'react'; +import clsx from 'clsx'; +import Text from './common/Text/Text'; +import OutwardArrowIcon from '~icons/material-symbols/arrow-outward'; + +type Props = { + className?: string; +}; + +/** + * The "Important Links" section of the calendar website + * @returns + */ +export default function ImportantLinks({ className }: Props) { + return ( + + ); +}