import { Text, View } from 'react-native';
import { AppIcon } from './app-icon';
import { m3Colors } from '../theme/proulr-theme';
type GlyphProps = {
color?: string;
size?: number;
};
export function StorySettingsGlyph({ color = m3Colors.onSurface, size = 22 }: GlyphProps) {
const tooth = size * 0.14;
return (
{[0, 60, 120, 180, 240, 300].map((deg) => (
))}
);
}
export function StoryTextGlyph({ color = m3Colors.onSurface, size = 28 }: GlyphProps) {
return (
Aa
);
}
export function StoryMusicGlyph({ color = m3Colors.onSurface, size = 28 }: GlyphProps) {
return ;
}
export function StoryCollageGlyph({ color = m3Colors.onSurface, size = 28 }: GlyphProps) {
const cell = size * 0.28;
return (
);
}
export function StoryStickerGlyph({ color = m3Colors.onPrimary, size = 22 }: GlyphProps) {
const frame = size * 0.78;
return (
);
}
export function StoryEffectsGlyph({ color = m3Colors.onPrimary, size = 22 }: GlyphProps) {
return ;
}
export function StoryMentionGlyph({ color = m3Colors.onPrimary, size = 22 }: GlyphProps) {
return (
@
);
}
export function StoryBackGlyph({ color = m3Colors.onPrimary, size = 22 }: GlyphProps) {
return (
);
}