import { useId } from "react";
import Selector from "../../options/Selector";
import { GraphicOption } from "../../options";
import { withOptionValue } from "../../utils/optionValue";
export interface Props {
maskID: string;
}
function SkullImpl({ maskID }: Props) {
return (
);
}
export const Skull = withOptionValue(SkullImpl, "Skull");
function SkullOutlineImpl({ maskID }: Props) {
return (
);
}
export const SkullOutline = withOptionValue(SkullOutlineImpl, "SkullOutline");
function BatImpl({ maskID }: Props) {
return (
);
}
export const Bat = withOptionValue(BatImpl, "Bat");
function CumbiaImpl({ maskID }: Props) {
return (
);
}
export const Cumbia = withOptionValue(CumbiaImpl, "Cumbia");
function DeerImpl({ maskID }: Props) {
return (
);
}
export const Deer = withOptionValue(DeerImpl, "Deer");
function DiamondImpl({ maskID }: Props) {
return (
);
}
export const Diamond = withOptionValue(DiamondImpl, "Diamond");
function HolaImpl({ maskID }: Props) {
return (
);
}
export const Hola = withOptionValue(HolaImpl, "Hola");
function SelenaImpl({ maskID }: Props) {
return (
);
}
export const Selena = withOptionValue(SelenaImpl, "Selena");
function PizzaImpl({ maskID }: Props) {
return (
);
}
export const Pizza = withOptionValue(PizzaImpl, "Pizza");
function ResistImpl({ maskID }: Props) {
return (
);
}
export const Resist = withOptionValue(ResistImpl, "Resist");
function BearImpl({ maskID }: Props) {
const mask1 = useId();
const path1 = useId();
return (
);
}
export const Bear = withOptionValue(BearImpl, "Bear");
function PalestineImpl({ maskID }: Props) {
return (
{/* Green background (full flag) */}
{/* White rectangle (middle and bottom two-thirds) */}
{/* Black rectangle (bottom third) */}
{/* Red triangle on the left pointing right */}
);
}
export const Palestine = withOptionValue(PalestineImpl, "Palestine");
export default function Graphics({ maskID }: Props) {
return (
);
}