import * as React from 'react'; import { palette } from '../colors'; import { LogoProps } from './Branding'; export type LogoFlagProps = LogoProps & { stripes: string[]; }; export const generateStripes = (stripes: string[]) => { const barWidth = 100 / stripes.length; return ( {stripes.map((stripeFill, idx) => ( ))} ); }; export const LogomarkFlag = (props: LogoFlagProps) => ( {generateStripes(props.stripes)} ); export const LogotypeFlag = (props: LogoFlagProps) => ( {generateStripes(props.stripes)} );