mirror of
https://github.com/Steffo99/festa.git
synced 2024-10-16 15:07:27 +00:00
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { ComponentPropsWithoutRef } from "react";
|
|
import { createDefinedContext } from "../../utils/definedContext";
|
|
|
|
|
|
/**
|
|
* The string to be used as the `src` of the postcard.
|
|
*/
|
|
export type PostcardSource = string
|
|
|
|
|
|
/**
|
|
* How the postcard is displayed on the page.
|
|
*/
|
|
export enum PostcardVisibility {
|
|
/**
|
|
* The postcard is filtered, blurred, and rendered behind all elements on the page.
|
|
*/
|
|
BACKGROUND = "background",
|
|
|
|
/**
|
|
* The postcard is fully visible and rendered above all other elements.
|
|
*/
|
|
FOREGROUND = "foreground",
|
|
}
|
|
|
|
|
|
/**
|
|
* Contents of the {@link PostcardContext}.
|
|
*/
|
|
export type PostcardContextContents = {
|
|
visibility: PostcardVisibility,
|
|
previousSrc: PostcardSource,
|
|
currentSrc: PostcardSource,
|
|
changePostcard: (src: PostcardSource) => void,
|
|
resetPostcard: () => void,
|
|
changeVisibility: (visibility: PostcardVisibility) => void,
|
|
}
|
|
|
|
|
|
/**
|
|
* Context containing data about the website's current postcard, the blurred background image.
|
|
*/
|
|
export const PostcardContext = createDefinedContext<PostcardContextContents>()
|