import { Stack } from '@luke-ui/react/stack';
import { Text } from '@luke-ui/react/text';
import { vars } from '@luke-ui/react/theme';

const rowStyle = {
	backgroundColor: vars.color.background.neutral.subtle.rest,
} as const;

export default () => {
	return (
		<Stack gap="sp8">
			<Text elementType="p" style={rowStyle} textAlign="start">
				Start aligned
			</Text>
			<Text elementType="p" style={rowStyle} textAlign="center">
				Centre aligned
			</Text>
			<Text elementType="p" style={rowStyle} textAlign="end">
				End aligned
			</Text>
		</Stack>
	);
};