mirror of
https://github.com/captbaritone/webamp.git
synced 2026-07-23 10:07:35 +00:00
23 lines
561 B
TypeScript
23 lines
561 B
TypeScript
import React from "react";
|
|
import deburr from "lodash/deburr";
|
|
|
|
interface Props extends React.HTMLAttributes<HTMLSpanElement> {
|
|
children: string | number;
|
|
className?: string;
|
|
}
|
|
|
|
export const characterClassName = (char: string | number) =>
|
|
`character-${deburr(char.toString())
|
|
.toLowerCase()
|
|
.charCodeAt(0)}`;
|
|
|
|
const Character = ({ children: char, className, ...passThrough }: Props) => (
|
|
<span
|
|
{...passThrough}
|
|
className={`${className || ""} character ${characterClassName(char)}`}
|
|
>
|
|
{char}
|
|
</span>
|
|
);
|
|
|
|
export default Character;
|